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 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: Generate 3-5 radically different layout variants on an existing route, switchable via a ?variant= URL param and a floating bottom bar with arrow-key cycling, hidden from production builds. - Capture Workflow: Fold validated decisions into real code and preserve the prototype on a throwaway branch as a primary source, keeping main clean. - Use Case: A product manager questions whether an order state machine handles cancellation-after-payment. 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 assistant to prototype whether your checkout state machine handles a refund after shipment, or to generate three layout variants of the settings page switchable via a URL parameter.
