What problem does it solve? Design questions about state machines, data models, 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 action 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 an existing 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: A PM is unsure whether an order state machine handles cancellation-after-payment. You build a one-file HTML demo with scenario walkthroughs; they click through, spot the illegal transition, and the validated reducer lifts directly into the real module. ## Quick Start Ask the agent to prototype whether your state model handles a specific edge case, or to generate three UI variants of an existing page switchable via a URL parameter.
