What problem does it solve? Choosing a UI direction from abstract descriptions is risky and slow. This Skill produces multiple disposable, interactive HTML mockups so you can compare real design directions before committing to production code. ## Core Features & Use Cases - Variant Generation: Builds 2-3 standalone HTML mockups that differ along a real design axis (density, emphasis, aesthetic, layout), each with realistic content and at least one interactive state transition. - Visual Verification: Uses browser navigation and vision tools to render each variant and catch layout bugs before presenting them. - Head-to-Head Comparison: Delivers an opinionated comparison table across dimensions like density, scan-ability, and feel, plus per-variant READMEs documenting stance, trade-offs, and best-fit users. - Use Case: You are unsure whether a dashboard should be compact and tool-like or airy and editorial. Ask for sketches, open the generated variants in your browser, and pick a winner or request a hybrid. ## Quick Start Sketch three design variants for my app's home screen so I can compare a calm editorial layout against a dense utilitarian one.
