Prompt Tips

Get better results from prompt mode with these techniques.

Be specific about structure

Instead of vague descriptions, list the sections you want:

❌ "Make me a cool page"

✅ "A portfolio page with a hero section showing my name 'Alex Chen'
   and title 'Full-Stack Developer', a card grid of 3 projects, a
   skills timeline, and a contact card with email alex@example.com"

Mention the theme you want

The AI picks a theme based on your description. Be explicit if you have a preference:

✅ "A retro terminal themed page with green-on-black colors..."
✅ "A clean, minimal page using the glassmorphism style..."
✅ "A bold neo-brutalist page with bright red accents..."

Include real content

The more real content you include, the better the output:

✅ "...with links to github.com/alex, twitter.com/alex, and my blog at alex.dev"
✅ "...featuring testimonials from 'Jane at Acme Corp' and 'Bob at StartupXYZ'"

Specify component types

Reference specific component types if you know what you want:

✅ "Include a pricingTable with Free and Pro plans"
✅ "Add a FAQ section with 5 common questions about the product"
✅ "Use a gallery component with masonry layout for the photos"

Available component types

The AI can use any of the 19 component types:

hero, text, linkList, imageGrid, socialLinks, divider, quote, embed, contactCard, footer, card, cardGrid, testimonial, timeline, faq, pricingTable, gallery, countdown, newsletter

Available theme presets

You can reference any of the 10 built-in themes:

warm-manila, clean-modern, neo-brutalist, glassmorphism, cyberpunk-neon, handwritten-notebook, retro-terminal, soft-pastel, midnight-luxe, ocean-depth