What problem does it solve? Choosing a UI direction from a single static mockup or one implementation forces premature commitment. This Skill builds several genuinely different working versions of a described UI piece and renders them behind a floating picker so you can flip through real, interactive variants and promote the one that feels right. ## Core Features & Use Cases - Divergent variant generation: Creates 3-5 fully working variants, each exploring a named axis such as layout, density, personality, motion, or interaction model, all using the project's own design tokens. - Fixed picker harness: Renders variants full-size behind a spec-defined dark pill picker with keyboard shortcuts (1-N, arrows, R to replay), URL-persisted selection, and instant switching. - Isolated exploration with clean promotion: Prototypes live on an isolated route or standalone HTML file, never touching production code, and only the chosen variant is integrated before the harness is deleted. - Use Case: Describe "a hold-to-delete button" and receive three distinct implementations (Quiet, Editorial, Playful) running in your app's dev server, flip through them live, then promote the winner into the codebase. ## Quick Start Ask the assistant to prototype three different versions of your pricing card so you can flip through them and pick one.
