skills.rest
tyhuffman7
tyhuffman7COMMUNITY
Explore all skills by this author →
GitHub

design-consultation

Generate a complete product design system documented in DESIGN.md.

1|Updated Apr 15, 2026
Search Tags:#typography#branding#color#design-system#design-docs#ui-patterns#design-consultation
One-click install
npx skills add https://github.com/tyhuffman7/gstack-hermes --skill design-consultation-tyhuffman7
Or copy as Structured Prompt for Agent▼
Please help me install this Agent Skill.
Skill: design-consultation
Source: https://github.com/tyhuffman7/gstack-hermes/tree/main/gstack-design-consultation
Command: npx skills add https://github.com/tyhuffman7/gstack-hermes --skill design-consultation-tyhuffman7

SYSTEM DOCUMENTATION & REQUIREMENTS

What problem does it solve?

Design teams often struggle to establish a cohesive design system that aligns typography, color, layout, and motion across products. This Skill generates a centralized DESIGN.md that serves as the source of truth for design decisions, ensuring visual consistency as teams scale.

Core Features & Use Cases

  • Proposes a complete design system, covering aesthetic, typography, color, layout, spacing, and motion guidelines.
  • Generates font and color previews to communicate the system visually.
  • Creates DESIGN.md as the project's design source of truth and aids design reviews.
  • For existing sites, use plan-design-review to infer the system and document it.

Quick Start

Describe the product and environment, and ask the AI to produce a complete design system and DESIGN.md as the project’s source of truth.

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 complete design system for a new product?▼

To create a complete design system, this Skill generates typography, color, layout, and motion guidelines, documenting them in a centralized DESIGN.md file as your project's source of truth.

What is a DESIGN.md file used for in UI development?▼

A DESIGN.md file acts as the centralized source of truth for design decisions, ensuring visual consistency and guiding UI pattern reviews as your design and development teams scale.

Can I document an existing site's design system and branding guidelines?▼

Yes, you can document an existing site's design system by using the plan-design-review workflow to infer current branding, typography, and color choices, then automatically documenting them.

Does this design system generator include color and typography previews?▼

Yes, the design system generator includes functionality to create font and color previews, allowing you to visually communicate proposed aesthetic and UI pattern decisions.

What's the best way to establish a design token strategy for visual consistency?▼

The best way to establish a design token strategy is to generate a comprehensive design system that defines spacing, typography, and color guidelines, outputting them into a structured DESIGN.md.

Do I need an existing design system to generate layout and motion guidelines?▼

No, you do not need an existing design system; you can describe a new product environment to generate complete layout, motion, and typography guidelines from scratch.

Related Skills

Explore More Design & Creative Skills→
cshyangcshyang

gsd:workflow:discovery-phase

Plan and execute a project discovery phase to define requirements and scope.

Community
Intermediate
erclxerclx
2

claude-design-extract

Extract visual design tokens from source code into a structured DESIGN.md file.

Community
Intermediate
Radiants-DAORadiants-DAO
1

radtools-component-create

Create RadTools-compatible React components with typed props and radOS tokens.

Official
Intermediate
Fire-ants-never-dieFire-ants-never-die

orchestrator-designer

Generate design tokens and component specifications for the Claude Orchestrator UI.

Official
Intermediate