What problem does it solve? Design questions about state models, business logic, or UI layout 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 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: 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 cycling. - Capture Workflow: Fold validated decisions into real code and archive the prototype on a throwaway branch as a primary source. - Use Case: A product manager is unsure whether an order state machine handles cancellation-after-shipping. The Skill builds a one-file HTML demo with scenario walkthroughs so the PM can click through the edge case and confirm the model. ## Quick Start Ask the agent to prototype whether your state machine handles a specific edge case, or to generate three different layout variants for an existing page.
