Become a Prompt Architect

Mastering Prompting

The quality of your design is a direct reflection of your instructions. Learn the Professional Formula for generating world-class UI.

The 4-Part Formula

Context

Who is this for? (e.g. Fintech SaaS, Fitness App)

Layout

What sections? (e.g. Hero, Sticky Nav, Live Data)

Style

Visual vibe? (e.g. Glassmorphic, Brutalist, Minimal)

Details

Specifics? (e.g. #8B5CF6 color, rounded-3xl)

// The perfect prompt example:
"Create a Modern Crypto Portfolio dashboard" +
"with a left sidebar, stats cards, and a live pricing chart" +
"using a dark theme and glassmorphic transparency." +
"Use neon green as the accent color."

Better Prompts = Better Output

❌ Basic (Weak Result)

"Make a landing page for my coffee shop website."

✅ Advanced (Pro Result)

"Create a cozy, boutique coffee shop landing page. Use a warm palette (beige and brown). Include a high-res hero image, a menu section with price cards, and a customer testimonial slider."

Refinement Tips

Use Industry Lingo

Words like "SaaS", "Dashboard", "E-commerce", or "CMS" help the AI choose better primitives.

Define the Grid

Ask for "3-column grid" or "offset layout" if you want specific structural hierarchy.

Specific Animations

Include "Entrance animations" or "Hover states" for interactive feelings.

Mention Tailwind

Want specific spacing? Say "Use large padding and rounded-xl containers".

The Branding Hack

Describe your brand as an archetype: "Luxury minimalist" or "Tech startup playful".

Negative Prompts

Tell us what NOT to include: "No bright colors" or "No generic stock photos".

⌨️

Ready to try your first AI prompt?

Head over to the prompt library for pre-tested formulas you can copy and paste directly into the generator.

Go to Prompt Library →