Style Selector

Generate 8 self-contained visual direction demo pages for comparison, then apply the chosen direction to the project.

Workflow

1. Gather project context

Before generating demos, collect:

• Project type (landing page, web app, SaaS, dashboard, e-commerce, portfolio)
• Business type (consulting, SaaS, agency, e-commerce, portfolio, etc.)
• Business name and tagline
• Key stats (numbers to display -- users, clients, years, etc.)
• Services/products (3-4 items with short descriptions)
• CTA (primary call to action -- book a call, sign up, buy, etc.)
• Language (Spanish, English, etc.)
• Tone (corporate, friendly, luxury, technical, rebellious, playful, etc.)

If the project already has content (existing pages, spec docs, CLAUDE.md), extract this context automatically without asking.