What problem does it solve? Designing high-fidelity HTML artifacts in CLI/API environments often produces generic, low-quality output because agents lack a structured design process and taste guidelines. This Skill provides a complete design workflow—brief analysis, context gathering, system definition, variant exploration, and verification—adapted from Claude Design for local agent environments. ## Core Features & Use Cases - Structured Design Workflow: Guides the agent through brief understanding, context gathering from repos and brand docs, design system definition, and artifact verification before delivery. - Multiple Artifact Formats: Produces landing pages, interactive prototypes, 1920x1080 HTML slide decks with keyboard navigation, component labs, and motion studies as self-contained HTML files. - Variation and Tweaks System: Generates conservative, strong-fit, and divergent design options, plus optional in-page Tweaks panels for theme, density, and accent control persisted via localStorage. - Use Case: Ask for a landing page prototype for a new product; the agent inspects your repo's existing tokens and components, defines a color and type system, and delivers a verified single-file HTML artifact with three layout variants. ## Quick Start Ask the agent to design a landing page or interactive prototype as a self-contained HTML file and save it to a local path.
