What problem does it solve? Choosing a UI direction from a single static mockup or verbal description 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 them live in a browser and promote the one that feels right. ## Core Features & Use Cases - Divergent Variant Generation: Creates 3-5 variants that each explore a named, distinct axis (layout, density, personality, motion, interaction model) rather than minor restyles of one idea. - Standardized Picker Harness: Ships a fixed dark-glass picker with sliding highlight, keyboard shortcuts (1-N, arrows, R to replay), and URL-persisted selection, usable as an isolated route in a project or a standalone HTML file. - Safe Promotion Workflow: Keeps all exploration out of production code, then integrates only the winning variant following project conventions and deletes the prototype surface. - Use Case: You need a toast notification for your dashboard. Describe it, get Quiet, Editorial, and Playful variants running side by side in the picker, flip through them with arrow keys, then promote the winner into your codebase. ## Quick Start Ask the agent to prototype three variants of the UI piece you describe, for example: prototype a hold-to-delete button for the settings page.
