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, runnable 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: Generate a single self-contained HTML file with free-play buttons and tabbed guided walkthroughs that drive a pure reducer, state machine, or function set through edge cases, shareable with non-developers by double-click. - UI Prototypes: Generate 3-5 radically different UI variants on an existing route, switchable via a ?variant= URL param and a floating bottom bar with arrow-key navigation. - Capture Workflow: Fold validated decisions into real code while preserving the prototype on a throwaway branch as a primary source. - Use Case: Before implementing a multi-step checkout state machine, build a one-file HTML demo so a PM can click through the happy path, an edge case, and an illegal transition to confirm the model behaves correctly. ## Quick Start Ask the agent to build a prototype that tests whether your state machine handles a specific edge case, or to generate three UI variants of an existing page.