What problem does it solve? Design questions about state models, business logic, or UI layout are hard to settle on paper. This Skill produces disposable prototypes—either a shareable single-file HTML demo for logic questions or multiple switchable UI variants on a route—so decisions are validated by interaction before real code is written. ## Core Features & Use Cases - Logic Prototypes: Build a single self-contained HTML file with a pure reducer, state machine, or function module, free-play buttons, and tabbed guided walkthroughs that non-developers can drive by double-clicking. - UI Prototypes: Generate 3-5 structurally different variants of a page, switchable via a ?variant= URL param and a floating bottom bar with arrow-key navigation, mounted on an existing route or a throwaway one. - 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: Before implementing a checkout state machine, build a clickable HTML demo so a PM can press buttons through edge cases and confirm the model feels right. ## Quick Start Ask the agent to prototype the state model or page layout you are unsure about, stating the specific question the prototype should answer.