What problem does it solve? Design questions about state models, business logic, or UI layouts are hard to settle on paper. This Skill produces throwaway prototypes that let you and stakeholders press buttons, flip between variants, and feel whether a model or layout actually works before committing to real code. ## Core Features & Use Cases - Logic Prototypes: Build a single self-contained HTML file with a pure reducer, state machine, or function module, free-play action buttons, and tabbed guided walkthroughs that a non-developer can drive by double-clicking. - UI Prototypes: Generate 3-5 radically different UI variants on an existing route (or a throwaway route), switchable via a ?variant= URL param and a floating bottom bar with arrow-key cycling. - Capture Workflow: Fold validated decisions into real code while committing the full prototype to a throwaway branch as a primary source, keeping main clean. - Use Case: Before implementing a checkout state machine, hand a PM a single HTML file with scenario walkthroughs covering the happy path, edge cases, and illegal transitions, then lift the validated reducer into the real module. ## Quick Start Ask the agent to prototype whether your state model handles a tricky edge case, or to generate three different layout variants for a page you are unsure about.
