What problem does it solve? New projects often start UI work without any defined design system, leading to inconsistent fonts, colors, and spacing. This Skill interviews you about your product, researches the landscape, and produces a coherent design system captured in a DESIGN.md file that becomes the project's design source of truth. ## Core Features & Use Cases - Complete design system proposal: Proposes aesthetic direction, decoration level, layout, color palette with hex values, typography roles, spacing scale, and motion approach as one coherent package with SAFE/RISK breakdowns. - Visual preview generation: Creates AI-rendered design mockups with a comparison board for feedback, or falls back to a self-contained HTML preview page with font specimens, color swatches, and realistic product mockups. - DESIGN.md authoring: Writes a structured DESIGN.md (product context, typography, color, spacing, layout, motion, decisions log) and updates CLAUDE.md so future UI work follows the system. - Use Case: You are starting a new web app with no brand guidelines. Invoke the skill, answer a few product questions, review three visual directions on a comparison board, and receive a DESIGN.md plus CLAUDE.md routing rules. ## Quick Start Ask the assistant to run the design-consultation skill to create a design system and DESIGN.md for your new project.
