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 real, interactive variants and promote the one that feels right. ## Core Features & Use Cases - Divergent Variant Generation: Creates 3-5 variants that each explore a distinct named axis (layout, density, personality, motion, interaction model), all using your project's tokens so every option looks shippable. - Isolated Picker Harness: Renders variants full-size in realistic context behind a fixed spec-defined picker with keyboard shortcuts (1-N, arrows, R to replay) and URL-persisted selection, either as an isolated route in your app or a standalone HTML file. - Promote and Clean Up: On your choice, integrates the winning variant into the codebase following project conventions and deletes the prototype surface. - Use Case: Describe "a hold-to-delete button" and get three working directions — Quiet, Editorial, Playful — to flip through live, then promote the winner into your app. ## Quick Start Ask the AI to prototype three variants of the UI piece you describe, for example: prototype a toast notification for my app.
