skills.rest
tblakex01
tblakex01COMMUNITY
Explore all skills by this author →
GitHub

design-consultation

Generate a complete design system with typography, color, layout, spacing, and motion guidance.

1|Updated Apr 26, 2026
Search Tags:#typography#branding#ui-design#design-system#color-palette#design-guidelines#design-documentation
One-click install
npx skills add https://github.com/tblakex01/conductor-playground --skill design-consultation-tblakex01
Or copy as Structured Prompt for Agent▼
Please help me install this Agent Skill.
Skill: design-consultation
Source: https://github.com/tblakex01/conductor-playground/tree/main/.claude/skills/gstack/design-consultation
Command: npx skills add https://github.com/tblakex01/conductor-playground --skill design-consultation-tblakex01

SYSTEM DOCUMENTATION & REQUIREMENTS

What problem does it solve?

Design teams often struggle to create cohesive design systems and maintain a single source of truth as products evolve. This skill guides you from research to a complete system, reducing drift and rework.

Core Features & Use Cases

  • Proposes a complete design system covering typography, color, layout, spacing, and motion.
  • Generates font+color preview pages and produces DESIGN.md as the project’s design source of truth.
  • Works with brand guidelines and design reviews, and supports plan-design-review for existing sites.

Quick Start

Describe your product goals and constraints to generate a complete 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 complete design system from scratch for a new product?▼

A design system provides a single source of truth for typography, color, layout, spacing, and motion guidelines, reducing visual drift and rework as products evolve. It consolidates brand creation and UI design rules into one cohesive, documented system.

Can I generate typography and color palette guidelines for UI design?▼

For existing sites missing a DESIGN.md file, the system infers your current design guidelines through a plan-design-review process. It analyzes the live product and proactively suggests improvements to align the site with a formal design system.

How do I document brand guidelines and design rules as a single source of truth?▼

You need to describe your product goals and constraints. This initial input provides the necessary context to research the landscape and generate a complete, tailored design system covering typography, color, layout, spacing, and motion.

What is the best way to infer a design system for an existing website?▼

A design system review proactively suggests improvements by analyzing existing sites to infer missing design guidelines. It identifies inconsistencies in typography, color, layout, and spacing, then recommends updates to align the product with formal standards.

Do I need existing brand guidelines to start planning a design system?▼

A design system provides a single source of truth for typography, color, layout, spacing, and motion guidelines, reducing visual drift and rework as products evolve. It consolidates brand creation and UI design rules into one cohesive, documented system.

Related Skills

Explore More Design & Creative Skills→
martin-hsu-testmartin-hsu-test
1

design-consultation

Generate a DESIGN.md design system covering typography, color, layout, spacing, and motion.

Community
Advanced
AradotsoAradotso
3

awesome-claude-design

Generate design tokens and UI components from DESIGN.md files.

Official
Basic
geoffreywoogeoffreywoo

design-consultation

Generate a DESIGN.md design system with typography, color, layout, spacing, and motion rules.

Community
Advanced
tropekstropeks

design-consultation

Propose and document a complete design system in a DESIGN.md file.

Community
Advanced