design-consultation

Plan and codify a complete design system into a DESIGN.md source of truth.

1|Updated May 6, 2026
One-click install
npx skills add https://github.com/yckkkk/reo --skill design-consultation-yckkkk
Or copy as Structured Prompt for Agent
Please help me install this Agent Skill.
Skill: design-consultation
Source: https://github.com/yckkkk/reo/tree/main/.agents/skills/design-consultation
Command: npx skills add https://github.com/yckkkk/reo --skill design-consultation-yckkkk

SYSTEM DOCUMENTATION & REQUIREMENTS

What problem does it solve?

This design-consultation helps teams establish a cohesive design system early in a project by outlining typography, color, spacing, layout, and motion, and by generating DESIGN.md as the single source of truth for the project's UI language.

Core Features & Use Cases

  • Research the product landscape and user needs to propose a complete design system.
  • Define typography scales, color palettes, spacing and layout tokens, motion guidelines, and accessibility considerations.
  • Generate a DESIGN.md that consolidates design decisions and serves as the reference for design and development.

Quick Start

Tell me your product goals and branding so I can draft a full design system and DESIGN.md.

Frequently Asked Questions about design-consultation

High-intent search queries and answers about installing and using this skill.

FAQPage Schema
How do I create a design system from scratch for a new UI project?

A design system is codified by defining typography scales, color palettes, spacing tokens, and motion guidelines, then consolidating these decisions into a single source of truth document to guide development.

What is a DESIGN.md file and how does it help manage brand guidelines?

A DESIGN.md file serves as the single source of truth for brand guidelines by consolidating typography, color, layout, and accessibility rules into one reference that integrates with existing design and development workflows.

Can I use this to establish accessibility considerations and color palettes together?

Yes, you can establish accessibility considerations alongside color palettes by researching product needs and user requirements to propose a cohesive system that addresses both visual design and compliance.

What's the best way to document typography scales and motion guidelines for a UI refresh?

The best way to document typography and motion guidelines for a UI refresh is to codify them within a comprehensive design system, generating a reference document that captures all layout and spacing decisions.

Do I need existing brand guidelines before planning a design system?

You do not need existing brand guidelines, but providing your product goals and branding information allows the system to propose relevant typography, color palettes, and spacing tokens tailored to your project.