design-consultation

To create a design system, describe your product context and the consultation will research the landscape and propose a complete system covering aesthetic, typography, color, layout, spacing, and motion. It generates a DESIGN.md file serving as your project's single source of truth for design decisions.

A DESIGN.md file is a project's design source of truth generated by the consultation process. It documents the complete design system including typography, color, layout, and motion guidelines, serving as a central planning reference for onboarding and handoff.

Yes, you can infer a design system from an existing website by using the /plan-design-review command. This process analyzes your current site to reverse-engineer the existing aesthetic, typography, color, layout, spacing, and motion rules into a coherent system.

You document typography, color, and motion guidelines by providing your product context to generate a DESIGN.md file. This file captures the complete design system specifications, ensuring all visual and motion rules are recorded as a single source of truth.

You need to provide a description of your product context. The consultation uses this input to understand your product, research the landscape, and propose a tailored design system with optional resources like scripts, references, and assets loaded on demand.

Yes, the generated design system includes spacing and layout rules along with aesthetic, typography, color, and motion guidelines. All these components are documented in the output DESIGN.md file to ensure a complete and cohesive design framework for your project.