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. This Skill provides a complete design workflow—brief analysis, context gathering, system definition, variant exploration, and verification—so agents produce thoughtful, high-fidelity HTML artifacts instead of generic templates. ## Core Features & Use Cases - Structured Design Workflow: Guides the agent through understanding the brief, gathering brand/repo context, defining a design system (colors, type, spacing, motion), and building the artifact. - Multiple Artifact Formats: Supports landing pages, interactive prototypes, 1920x1080 HTML slide decks with keyboard navigation, component labs, and motion studies, all as self-contained HTML files. - Variant Exploration & Tweaks Panels: Produces conservative, strong-fit, and divergent design options, plus optional in-page Tweaks controls for theme, density, and accent color 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 design system, and delivers a verified Landing Page.html file with three layout variants. ## Quick Start Ask the agent to design a landing page or interactive prototype as a self-contained HTML file, providing any brand docs, screenshots, or repo context available.
