What problem does it solve? Designing high-fidelity HTML artifacts in a CLI/API environment lacks the structured process and design taste of hosted design tools, often resulting in generic, low-quality output. This Skill provides a complete design workflow for producing polished local HTML deliverables. ## Core Features & Use Cases - Design Process Guidance: Scopes briefs, gathers brand and repo context, defines a design system (colors, type, spacing, motion), and produces conservative, strong-fit, and divergent variations. - Multiple Artifact Formats: Creates landing pages, interactive prototypes, 1920x1080 HTML slide decks with keyboard navigation, component labs, and motion studies as self-contained HTML files. - Quality and Verification Rules: Enforces anti-slop standards, accessibility requirements (44px hit targets, focus states, prefers-reduced-motion), and local verification before reporting completion. - Use Case: Ask for a landing page prototype for a new product, and receive a verified single-file HTML artifact with three layout variants and an in-page Tweaks panel for theme and density. ## Quick Start Ask the agent to design a landing page prototype for your product and save it as a self-contained HTML file.
