design-consultation

Generate a complete design system by providing product context and research findings, which are synthesized into a cohesive design language covering typography, color, spacing, layout, and motion. The output includes a DESIGN.md file and a visual preview page for stakeholders.

A DESIGN.md file serves as the source of truth for a product's design language, encoding aesthetics, typography, color, spacing, layout, and motion rules. It is generated alongside a CLAUDE.md integration note to maintain design consistency across web apps, dashboards, and marketing sites.

Yes, you can create a design system for internal tools and editorial content by analyzing specific context and designer needs. The process applies to web apps, dashboards, and marketing sites, producing tailored typography, color, and layout rules with a visual preview page.

The best way to document spacing and motion rules is to synthesize product context into a DESIGN.md file, acting as the source of truth. This approach encodes design rules systematically and generates a preview page to visually validate the web app's aesthetics and motion.

You do not strictly need prior research findings to plan a product design system, but providing product context and research significantly improves the coherence of the proposed aesthetics, typography, color, spacing, layout, and motion rules encoded in the final documentation.