design-consultation

To create a complete design system, this Skill gathers your product context, researches the design landscape, and proposes cohesive rules for UI, typography, color, layout, spacing, and motion. It outputs a DESIGN.md as your project's authoritative source of truth.

A design system guides product UI by codifying aesthetic, typography, color, layout, spacing, and motion into a single DESIGN.md. It acts as the authoritative source of truth to maintain coherence across web apps, dashboards, and marketing pages.

Yes, you can use this design system consultation for existing sites. It infers and structures your current design system by analyzing the site's context, then generates a DESIGN.md to standardize your UI, typography, and color moving forward.

To define typography and color rules for a dashboard, this Skill analyzes your product goals and audience. It then proposes a tailored design system that establishes coherent color palettes and typography scales, documented within a ready-to-use DESIGN.md file.

The best way to document a design system is generating a DESIGN.md file. This Skill produces a full design proposal and a ready-to-use preview page workflow, ensuring your UI, layout, and motion decisions are codified as an authoritative source of truth.

Yes, this design system consultation includes a ready-to-use preview page workflow. Alongside the DESIGN.md that codifies your color, typography, and layout rules, it delivers a practical preview to visualize and implement the proposed system.