skills.rest
cheng80
cheng80COMMUNITY
Explore all skills by this author →
GitHub

design-consultation

Generate a complete design system and DESIGN.md with font and color previews.

1|Updated Apr 12, 2026
Search Tags:#typography#color#ux#design-system#design-docs#brand-guidelines#design-consultation
One-click install
npx skills add https://github.com/cheng80/rummipoker --skill design-consultation-cheng80
Or copy as Structured Prompt for Agent▼
Please help me install this Agent Skill.
Skill: design-consultation
Source: https://github.com/cheng80/rummipoker/tree/main/.agents/skills/gstack-design-consultation
Command: npx skills add https://github.com/cheng80/rummipoker --skill design-consultation-cheng80

SYSTEM DOCUMENTATION & REQUIREMENTS

What problem does it solve?

Proactively helps product teams understand a product, research the landscape, and propose a complete design system that covers typography, color, layout, spacing, and motion. It then generates font and color preview pages and creates DESIGN.md as the project's design source of truth.

Core Features & Use Cases

  • Understands product goals and audience to draft a cohesive design system.
  • Produces typography, color palettes, layout guidelines, motion patterns, and preview pages.
  • Use when starting a new UI project, redesigning an app, or updating brand guidelines; outputs DESIGN.md for future reference.

Quick Start

Describe the product goals and run a design-consultation to produce DESIGN.md and a complete design system.

Frequently Asked Questions about design-consultation

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

FAQPage Schema
How do I generate a design system and document it for a new UI project?▼

To generate a design system, you can describe your product goals and audience to run a design consultation, which produces typography, color palettes, layout, spacing, motion guidelines, and a DESIGN.md file as your source of truth.

What is included in a complete design system for product development?▼

A complete design system includes typography, color palettes, layout guidelines, spacing rules, and motion patterns, along with generated font and color preview pages to visualize the decisions.

Can I use design consultation to update existing brand guidelines?▼

Yes, you can use design consultation when updating brand guidelines or redesigning an app, as it researches the landscape and proposes an evolved design system with updated guidelines.

What's the best way to plan a design review before finalizing UI decisions?▼

The best way to plan a design review is using a design-system oriented workflow that offers planning reviews, allowing you to evaluate design decisions and guidelines before producing the final DESIGN.md.

How do I create a DESIGN.md file as a source of truth for my project?▼

You create a DESIGN.md file by running a design consultation with your product goals, which automatically generates the file containing all your design decisions, typography, color, and layout guidelines.

Related Skills

Explore More Design & Creative Skills→
AndrewLi0420AndrewLi0420

design-consultation

Define a design system plan with DESIGN.md, CLAUDE.md, and a preview page.

Community
Advanced
tsenseitsensei
3

design-consultation

Generate a complete design system with typography, color, layout, spacing, and motion guidelines in DESIGN.md.

Community
Advanced
phoenicisfphoenicisf

figma-implement-design

Translate Figma designs into production-ready UI code.

Community
Advanced
huichenhuichen

design-consultation

Research design needs and generate a DESIGN.md design system source of truth.

Community
Advanced