design-consultation

To create a complete design system, this tool researches your product and landscape to generate a blueprint covering aesthetics, typography, color, layout, spacing, and motion. It outputs a DESIGN.md file as the single source of truth for your project.

Yes, you can extract a design system from an existing website by using the /plan-design-review flow. This process infers your current design rules and generates a comprehensive DESIGN.md file to establish a consistent source of truth.

A design system blueprint is a comprehensive document defining your product's visual language. It includes rules for typography, color palettes, layout structures, spacing scales, and motion, ensuring UI consistency across the entire project.

You generate a DESIGN.md file by providing your project details. The tool analyzes the product context and outputs the file containing your full design system, including typography, color, layout, spacing, and motion guidelines.

Yes, it proactively suggests design-system improvements and hooks when you start a new UI without an existing DESIGN.md or when it detects that your current design system needs a revision.

The best way to define typography and color guidelines is through a systematic design system proposal. This tool generates a blueprint with specific font and color preview pages, establishing a standardized reference for your digital product.