skills.rest
mi179
mi179COMMUNITY
Explore all skills by this author →
WebsiteGitHub

design-consultation

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

1|Updated May 27, 2026
Search Tags:#typography#ui-design#design-system#design-review#color-palette#brand-guidelines
One-click install
npx skills add https://github.com/mi179/claude-skills --skill design-consultation-mi179
Or copy as Structured Prompt for Agent▼
Please help me install this Agent Skill.
Skill: design-consultation
Source: https://github.com/mi179/claude-skills/tree/main/user/gstack/design-consultation
Command: npx skills add https://github.com/mi179/claude-skills --skill design-consultation-mi179

SYSTEM DOCUMENTATION & REQUIREMENTS

What problem does it solve?

This skill provides a structured, end-to-end approach to creating a cohesive design system for a product or redesign. It analyzes goals, users, and brand constraints to define typography, color palettes, spacing, layout, and motion, then generates a DESIGN.md that serves as the project’s single source of truth.

Core Features & Use Cases

  • Proposes a complete design system (aesthetic, typography, color, layout, spacing, motion) aligned with brand goals.
  • Generates a DESIGN.md along with font and color previews to anchor design decisions.
  • Applies to new products or projects needing a DESIGN.md as the source of truth, or existing sites requiring a plan-design-review workflow.
  • Delivers concrete design artifacts and guidelines that teams can implement in product development.

Quick Start

Describe your product and I will generate a complete design system and DESIGN.md as the 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 design system, describe your product and brand goals to generate a comprehensive DESIGN.md that defines typography, color palettes, layout, spacing, and motion as your project's single source of truth.

What is a DESIGN.md file and when do I need one for UI design?▼

A DESIGN.md file is the single source of truth for a product's design system, documenting typography, color, and layout decisions. You need one when starting a new product or running a design-review workflow for existing sites.

Can I use this to generate brand guidelines and color palettes for an existing site?▼

Yes, you can generate brand guidelines, color palettes, and typography rules for an existing site by using the plan-design-review workflow to redefine constraints and output an updated DESIGN.md file.

What is the best way to document design decisions and assets for team reuse?▼

The best way to document design decisions for team reuse is to generate a DESIGN.md file that establishes concrete design artifacts, brand guidelines, and component rules as a unified source of truth across teams.

Does the generated design system include font and color previews?▼

Yes, the generated design system includes font and color previews alongside the DESIGN.md file, allowing you to visually evaluate typography and color palettes before implementing them in product development.

Related Skills

Explore More Design & Creative Skills→
claudcherejiclaudchereji

ux-researcher

Conduct usability testing and translate findings into actionable product improvements.

Community
Advanced
brianiumbrianium

tsain

Drive REPL-based Clojure UI component development with alias-based workflows.

Community
Intermediate
Forexgod21Forexgod21
6

complete-design-system-brand-guidelines

Generate brand guidelines with color palettes, typography, spacing, and tone of voice.

Community
Advanced
devCharuzudevCharuzu

ui-design-system

Generate design tokens and document components for UI design systems.

Community
Advanced