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

Ready to run

npx skills add https://github.com/tblakex01/conductor-playground --skill design-consultation-tblakex01

💬 Prompt for ChatGPT / Claude Chat▼

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?▼