Create custom components w/ @lovable_dev.

Process + Result Prompt in thread 🧵 1/ Let's break down the process into 6 steps.

👇#6 for the full ready-to-use prompt.

Custom design systems in @lovable_dev.

How-to + Prompt playbook in thread 🧵 1. Don’t prompt full pages. Design systems start with components.

Start small: buttons, cards, modals.

Attach Figma screenshots of these components—not full pages.

Focus on the structure, spacing, and vibe.

AI Prompt Hacks pt.2

Beautiful website design w/ @lovable_dev

A step-by-step guide 🧵 1. Use Real Brand References

Hack: Reference popular design aesthetics

Here is an example of using a prompt as simple as “Apple-style UI” for a sleek onboarding

How-to easily use @hiunicornstudio animations

For your @lovable_dev projects

Step-by-step in 🧵 1/ First off, choose your template at

I chose "Raycast" 🔴unicorn.studio

How-to create Nike-style UI

with @lovable_dev

Steps + Prompts in thread 🧵 1/ Starting Prompt

"Design a modern, Nike-branded landing page for a new high-performance foam running shoe called “The Pod.” The page should follow Nike’s iconic visual style: bold, minimal, futuristic, and athletic.

Key Elements to Include: Nike branding throughout: Use the Nike logo in top-left, Nike font (Futura Condensed Extra Bold or similar), bold typography, black/white theme with strong accent colors (Volt green, red, or metallic silver).

Ultra futuristic pill style/ toggle navigation bar.

Hero Section: Centred Header, Sub heading and CTA's. Full-width product shot in background of The Pod shoe.
(Image attached).

Add dynamic headline like: “Meet The Pod: Bounce Beyond Limits.” Subtext: "Next-gen foam. Infinite momentum."

Athlete Quote/Testimonial Section: Add a bold quote from an athlete (can be fictional placeholder): “It doesn’t feel like running. It feels like flying.”

Below that have a Nike-style shoe order, size selector, customization and add-to-cart component. Transform this section to a world class product showcase and checkout section with sizes, colors and product details.

Use blue/teal accent colors throughout the site. Testimonial & Show customization sections should be primarily light mode while the hero section will have more of a dark mode theme."

How-to 10x your UI with @boltdotnew

A step by step guide 🧵 1/ Use Real Brand Inputs

Hack: Start with a real product name, value prop, or user scenario in your prompt.

Example: "Design a pricing card for a startup called Nova AI, with clean icons, three tiers, and modern fonts."

This gives Bolt context for tone, spacing, and visual structure.

How-to Prompt AI for beautiful design

A step by step guide 🧵 Lets separate the general prompt structure into
5 steps👇

1) High-level description
2) Look & Feel (buzzwords)
3) Brand (colors, font)
4) UI Library
5) Page/Component Details

4 AI's. One prompt.

Who did it best?

Prompt and results in thread 🧵 Prompt:
Build a sleek, modern "create account" onboarding flow. With the following pages as separate steps: Name and Email, Business Name and Description, Business type (Marketing Agency , Software Developer, Graphic Designer), Address (Include map), Business Size, Choose a username and set password.

For the visual ui follow the following details: A cosmic dark blue to black gradient background with subtle star elements.

Clean, minimalist typography with large bold headlines A professional navigation bar.

Elegant spacing and layout.

A circular badge/emblem design For an agency website.

A gradient background similar to the cosmic effect> shown.

Modern, professional typography with impactful headlines.

Responsive navigation that works on all devices Clear sections showcasing services and value proposition The same overall aesthetic and brand positioning.

With color palette of deep blues, blacks, whites, and subtle accents.