What problem does it solve? Designing high-fidelity UI artifacts in a CLI/API agent environment often produces generic, low-quality output because hosted design tools and their workflows are unavailable. This Skill ports the Claude Design process and taste into local agent environments so you get thoughtful, verified HTML artifacts instead of generic mockups. ## Core Features & Use Cases - Structured Design Workflow: Guides the agent through brief scoping, context gathering from repos and brand docs, design-system definition, variant exploration, and verification before delivery. - Multiple Artifact Formats: Produces landing pages, interactive prototypes, 1920x1080 HTML slide decks, component labs, motion studies, and design-system boards as self-contained HTML files. - Anti-Slop Guardrails: Enforces typography, color, layout, motion, and content discipline rules to avoid generic AI design patterns like gradient backgrounds and fake dashboards. - Use Case: Ask for a landing page prototype for a new product; the agent inspects your repo's tokens and components, produces three design variants (conservative, strong-fit, divergent) in a single HTML file with a Tweaks panel, and verifies it opens cleanly in a browser. ## Quick Start Ask the agent to design a landing page or interactive prototype for your product and have it saved as a self-contained HTML file.
