What problem does it solve? Choosing a UI direction from a single static mockup or a verbal description is guesswork. This Skill builds several genuinely different working versions of one 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 of a described component, each exploring a distinct axis such as layout, density, personality, motion, or interaction model. - Fixed picker harness: Renders variants full-size in realistic context behind a spec-locked dark pill picker with keyboard shortcuts (1-N, arrows, R to replay) and URL-persisted selection. - Isolated prototype surface: Works in an isolated route or standalone HTML file, never touching production code until you pick a winner to integrate. - Use Case: Ask for three versions of a hold-to-delete button; flip through Quiet, Editorial, and Playful directions live in the browser, then promote the winner into your codebase with project conventions intact. ## Quick Start Ask the assistant to prototype three variants of your pricing card so you can flip through them and pick a winner.
