design-consultation

To generate a design system from a brand brief, describe your design goals to the system. It synthesizes your brand requirements and proposes a cohesive UI language, outputting a comprehensive DESIGN.md file that includes typography, color palette, spacing, and layout decisions.

A DESIGN.md file serves as the single source of truth for a project's design system. It codifies typography, color palette, spacing scale, motion guidelines, and layout primitives, ensuring the entire product team maintains a cohesive design language across the application.

Yes, you can use this design system generator for a brand refresh. Applied to new projects or existing sites, it handles typography, color, spacing, motion, and layout decisions to establish a cohesive UI language and produces a versioned DESIGN.md.

You need frontmatter metadata including name and description in your SKILL.md to generate design guidelines. The system uses this metadata along with tools like WebSearch and AskUserQuestion to synthesize your complete design system and produce the DESIGN.md file.

Brand-to-design conversion works by inferring design elements from an existing site or brand brief. The system analyzes the input, proposes a cohesive design system including typography and color palette, and generates a DESIGN.md file as the project's source of truth.

Automated design system generation requires frontmatter metadata in SKILL.md to function. It synthesizes typography, color, spacing, motion, and layout guidelines into a DESIGN.md, but relies on your initial design goals and brand brief input to establish a cohesive UI language accurately.