design-consultation

To create a design system, this Skill researches your product landscape and proposes comprehensive guidelines for typography, color, layout, spacing, and motion. It outputs a structured DESIGN.md file and generates visual preview pages to establish your project's design source of truth.

A DESIGN.md file serves as a project's design source of truth, documenting brand guidelines and system rules. You need one when starting a new project's UI with no existing design system, ensuring all stakeholders follow consistent visual and structural standards.

Yes, you can generate font and color preview pages without existing brand guidelines. The Skill conducts landscape research via WebSearch and proposes a complete design system, outputting visual previews that demonstrate the proposed typography and color palettes.

The best way to document brand guidelines is by generating a DESIGN.md file. This Skill analyzes your product requirements, defines design tokens for layout and motion, and creates a markdown-based reference that developers can directly access in the project repository.

The design consultation requires Bash, Read, Write, Edit, Glob, Grep, AskUserQuestion, and WebSearch dependencies. You need an environment supporting these components to research the landscape, generate preview assets, and write the final DESIGN.md file successfully.

Using a generated design system ensures cohesive typography, color, layout, spacing, and motion guidelines based on landscape research. Manual selection often lacks consistency, whereas this approach creates a validated DESIGN.md that acts as a scalable source of truth.