What problem does it solve? Design work normally done in hosted design tools is hard to reproduce in CLI/API agent environments, often resulting in generic, low-fidelity mockups. This Skill brings a disciplined design process—context gathering, system definition, variant exploration, and verification—to produce high-quality local HTML artifacts. ## Core Features & Use Cases - Self-Contained HTML Artifacts: Produces single-file deliverables (landing pages, prototypes, slide decks, component labs) with inline CSS/JS that open directly in a browser. - Context-First Design Process: Reads brand docs, repo theme/token files, and screenshots before designing, and asks focused questions when high-fidelity work lacks context. - Skill Routing & Anti-Slop Rules: Coordinates with popular-web-designs for brand matching and design-md for token specs, while enforcing rules against filler content and generic SaaS layouts. - Use Case: Ask for a command palette prototype with two layout variants and a Tweaks panel; the Skill reads your repo's theme tokens, builds a self-contained HTML file, and reports exactly what was verified. ## Quick Start Ask the agent to design a high-fidelity landing page or interactive prototype as a self-contained HTML file, pointing it at any brand docs or repo theme files you have.
