What problem does it solve? Designing high-fidelity one-off artifacts (landing pages, prototypes, slide decks) in CLI/API environments lacks the structured process and taste of hosted design tools, often resulting in generic, low-quality output. ## Core Features & Use Cases - Structured Design Workflow: Guides the agent through brief understanding, context gathering from repos and brand docs, design-system definition, variant exploration, and verification before delivery. - Self-Contained HTML Artifacts: Produces portable single-file HTML with embedded CSS/JS, including decks with keyboard navigation, prototypes with key states, and in-page Tweaks panels persisted via localStorage. - Anti-Slop Design Rules: Enforces typography, color, layout, motion, and content discipline to avoid generic AI design patterns like gradient backgrounds and filler sections. - Use Case: Ask for a landing page for a new product; the skill inspects your repo's tokens and components, produces three design variants (conservative, strong-fit, divergent) as a verified local HTML file, and reports the exact path. ## Quick Start Ask the agent to design a landing page or interactive prototype as a self-contained HTML file based on your brand materials or repo.
