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 design actually works before committing 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 navigation, hidden in production builds. - Capture Workflow: Fold validated decisions into real code, then commit the prototype to a throwaway branch as a primary source with a pointer on the implementation issue. - Use Case: Ask whether your checkout state machine handles "cancel after payment initiated" — get a clickable HTML demo a PM can drive, then lift the validated reducer into the real module. ## Quick Start Ask the agent to prototype whether your state model handles a tricky edge case, or to generate three variant layouts for an existing page.
