What problem does it solve? Choosing a UI direction from a single static mockup is guesswork. 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 functional variants of a component, each exploring a distinct axis such as layout, density, personality, motion, or interaction model. - Fixed Picker Harness: Renders variants behind a spec-locked dark pill picker with keyboard shortcuts (1-N, arrows, R to replay), URL-persisted selection, and instant variant switching. - Isolated Prototype Surface: Keeps all exploration out of production code via an isolated route or a self-contained HTML file, then integrates only the winning variant and cleans up. - Use Case: You need a toast notification for your Next.js dashboard. Invoke the Skill with "a toast notification" to get Quiet, Editorial, and Playful variants running at /prototypes/toast, flip through them live, then promote the winner into your codebase. ## Quick Start Ask the AI to prototype three variants of a hold-to-delete button behind the picker so you can compare them live.
