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 press buttons, watch state change, or flip between radically different UI variants before committing to real code. ## Core Features & Use Cases - Logic Prototypes: Generate a single self-contained HTML file with free-play action buttons and tabbed guided walkthroughs that drive a pure reducer, state machine, or function set through edge cases, runnable by double-click with no install. - UI Prototypes: Render 3-5 structurally different variants of a page on one route, switchable via a ?variant= URL param and a floating bottom bar with arrow-key navigation. - Capture Workflow: Fold validated decisions into real code and preserve the prototype on a throwaway branch as a primary source. - Use Case: A PM is unsure whether a state machine handles an edge case; you build a shareable HTML demo they can click through to find the flaw in the idea before any production code is written. ## Quick Start Ask the assistant to prototype whether your state model handles a specific edge case, or to generate three different layout variants for an existing page.
