What problem does it solve?
Turning a design idea, screenshot, or existing website into a clickable, interactive prototype normally requires manual frontend setup and guesswork about visual direction. This Skill routes prototype requests through structured workflows so every build starts from a confirmed design brief and a concrete visual target.
Core Features & Use Cases
- Workflow Routing: Directs requests into clone, new product, redesign, or extend workflows, each with defined steps like get-context, ideate, url-to-code, and image-to-code.
- Visual Target Enforcement: Blocks building from a written brief alone; requires a user-provided image, source URL, or a selected ImageGen design before coding.
- Prototype Bootstrapping: Ships a Vite + React starter template and a bootstrap script that scaffolds a new self-contained prototype project with local npm cache configuration.
- Use Case: A user says "Redesign this landing page" with a screenshot. The Skill confirms the brief, generates three redesign options via ideation, waits for the user's pick, then builds the chosen design as a clickable React prototype.
Quick Start
Ask the agent to recreate a website from a URL or build a prototype from your product idea, then confirm the design brief and pick one of the generated design options.
