What problem does it solve? Designing one-off visual artifacts in a CLI/API environment often produces generic, low-quality output because agents lack a structured design process and taste guidelines. This Skill provides a complete design workflow for producing high-fidelity local HTML artifacts without hosted design tools. ## Core Features & Use Cases - Structured Design Workflow: Guides the agent through brief understanding, context gathering from repos and brand docs, design-system definition, building, and verification. - Multiple Artifact Formats: Produces landing pages, interactive prototypes, 1920x1080 HTML slide decks, component labs, and motion studies as self-contained HTML files. - Variation and Tweaks Support: Generates conservative, strong-fit, and divergent design variants, plus optional in-page Tweaks panels for theme, density, and accent control. - Use Case: Ask for a landing page for a new product; the Skill inspects your repo's existing tokens and components, defines a small color and type system, and delivers a verified standalone HTML file with three layout variants. ## Quick Start Ask the agent to design a landing page or clickable prototype as a self-contained HTML file, providing any brand docs, screenshots, or repo context you have.
