sketch

What problem does it solve? Choosing a UI design direction from abstract descriptions is risky and slow. This Skill produces multiple disposable, interactive HTML mockups so you can compare real design variants side-by-side before committing to one. ## Core Features & Use Cases - Multi-Variant Generation: Builds 2-3 standalone HTML files, each taking a genuinely different design stance (density, emphasis, layout, aesthetic) rather than minor styling tweaks. - Structured Intake: Elicits feel, references, and the core user action before generating, so variants serve the actual goal. - 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 of trade-offs so you can pick a winner, hybridize, or iterate. - Use Case: You are redesigning a dashboard home screen and unsure whether to go content-first or tool-first. The Skill asks three quick intake questions, then produces a calm editorial variant, a dense utilitarian variant, and a playful split-pane variant, each clickable and interactive, with a comparison table recommending which fits your audience. ## Quick Start Ask the agent to sketch 2-3 design variants of your screen, for example: "Sketch three takes on the settings page — I want it to feel calm and editorial like Linear, and the core action is updating notification preferences."