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, flip between variants, and feel whether a model or design 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 one route, switchable via a ?variant= URL param and a floating bottom bar with arrow-key cycling, gated out of production builds. - Capture Workflow: Fold validated decisions into real code while preserving 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 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 assistant to prototype whether your state machine handles a specific edge case, or to generate three layout variants for an existing page.
