generate-ai-prototypelisted

# Generate AI Prototype Skill **Design system:** Before generating any prototype prompt, read your product's design system file (typically in `context-library/design-system/`). Use your design system's Lovable/Bolt prompt block or Figma Make prompt block as the design system section of every generated prompt. Never invent colors, fonts, or spacing. Create optimized prompts for AI prototyping tools (v0.dev, Lovable, Bolt.new) to quickly build working prototypes from PRDs or feature specs. ## Quick Start 1. Tell me what you want to prototype (feature name, PRD link, or description) 2. I'll ask which tool: **v0.dev** (UI only), **Lovable** (full-stack), or **Bolt.new** (quick demo) 3. I check your PRD, design system, and user research for context 4. I generate a copy-paste-ready prompt optimized for the tool 5. You paste it, get a working prototype, and share the link **Example:** "Generate a prototype prompt for the onboarding wizard from PRD-2024-05" **Output:** Saved to `outputs/prototypes/[feature]-prototype-prompt.md` **Time:** 10-15 minutes to generate prompt, 1-2 minutes to build prototype ## When to Use This Skill - Converting PRDs into functional prototypes - Rapid iteration on UI concepts - Demonstrating features to stakeholders - Testing user flows before engineering starts ## Supported AI Prototyping Tools ### v0.dev (Vercel) - **Best for:** React/Next.js apps, modern UI components - **Strengths:** Clean design, shadcn/ui integration, responsive - **Limits