What problem does it solve? Choosing a UI design direction from abstract descriptions is risky and slow. This Skill produces 2-3 disposable, interactive HTML mockup variants so you can compare visual directions side-by-side in a browser before committing to one. ## Core Features & Use Cases - Variant Generation: Builds 2-3 standalone HTML files, each taking a genuinely different design stance (density, emphasis, aesthetic, layout) rather than just different colors. - Structured Intake: Elicits feel, references, and core action before designing, so variants serve the actual user goal. - Visual Verification: Loads each variant in a browser and checks rendering with vision tools to catch layout bugs before delivery. - Opinionated Comparison: Delivers a multi-dimension comparison table with a clear recommendation, plus per-variant READMEs covering trade-offs. - Use Case: Ask for three takes on a knowledge-base app home screen; receive calm-editorial, utilitarian-dense, and split-pane variants you can open and click through, then pick a winner. ## Quick Start Sketch three design variants for my app's dashboard screen so I can compare layout directions before building it.
