What problem does it solve? Choosing a UI design direction without seeing options leads to costly rework. This Skill produces multiple disposable, interactive HTML mockups so you can compare visual directions side-by-side before committing to production code. ## Core Features & Use Cases - Variant Generation: Builds 2-3 standalone HTML files, each taking a distinct design stance (density, emphasis, aesthetic, layout) rather than minor pixel differences. - Visual Verification: Uses browser navigation and vision tools to render each variant and catch layout bugs before presenting them. - Head-to-Head Comparison: Presents an opinionated comparison table across dimensions like density, scan-ability, and feel so you can pick a winner or request a hybrid. - Use Case: You are designing a dashboard home screen and are unsure whether a calm editorial layout or a dense utilitarian one fits your users. Ask for sketches, open the generated variants in a browser, and compare them directly. ## Quick Start Ask the assistant to sketch two or three design variants of your screen as interactive HTML mockups so you can compare them.
