skills.rest
kunalrawat425
kunalrawat425COMMUNITY
Explore all skills by this author →
GitHub

design-consultation

Propose a cohesive design system and generate a DESIGN.md source of truth.

Updated Apr 4, 2026
Search Tags:#typography#design-system#design-docs#color-palette#brand-guidelines#design-standards#design-research
One-click install
npx skills add https://github.com/kunalrawat425/conductor-playground --skill design-consultation-kunalrawat425
Or copy as Structured Prompt for Agent▼
Please help me install this Agent Skill.
Skill: design-consultation
Source: https://github.com/kunalrawat425/conductor-playground/tree/main/.claude/skills/gstack/design-consultation
Command: npx skills add https://github.com/kunalrawat425/conductor-playground --skill design-consultation-kunalrawat425

SYSTEM DOCUMENTATION & REQUIREMENTS

What problem does it solve?

Design teams struggle to establish a consistent design language when starting new products or rebranding; this skill provides a complete design system blueprint that aligns aesthetics with project goals.

Core Features & Use Cases

  • Research landscape and propose a complete design system including typography, color, layout, spacing, and motion.
  • Generate a DESIGN.md as the single source of truth for the project and brand guidelines.
  • For existing sites, guide design inference using a plan-design-review workflow to infer the system.
  • Proactively suggest design directions when starting a new UI with no existing DESIGN.md.

Quick Start

Provide a DESIGN.md that documents the complete design system, including typography, color, spacing, and motion guidelines.

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

To create a complete design system, research the landscape and propose typography, color, layout, spacing, and motion guidelines that align aesthetics with project goals. This produces a DESIGN.md serving as the single source of truth.

What is a DESIGN.md file used for in brand guidelines?▼

A DESIGN.md file documents the complete design system, including typography, color, spacing, and motion guidelines. It serves as the single source of truth for project branding decisions, implementation specs, and team alignment.

Can I infer a design system from an existing website?▼

Yes, you can infer a design system from existing sites using a plan-design-review workflow. This process researches the current landscape to extract typography, color palette, and spacing rules into a unified DESIGN.md.

What's the best way to align team members on design standards?▼

The best way to align team members on design standards is generating a DESIGN.md that specifies typography, color, and motion. This delivers a single source of truth with design specifications and previews to guide implementation.

Do I need existing design docs to propose a new color palette and typography?▼

No, you do not need existing design docs. The system proactively suggests design directions, including color palettes and typography, when starting a new UI with no existing DESIGN.md by researching the landscape.

Related Skills

Explore More Design & Creative Skills→
luanzebaluanzeba

teach-impeccable

Gather project design context and generate a CLAUDE.md Design Context document.

Community
Intermediate
AradotsoAradotso
3

awesome-claude-design

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

Official
Basic
chicongstchicongst
2

ui-design

Automates UI design execution by applying tokens, palettes, typography and spacing across frameworks.

Community
Intermediate
Dragoon0xDragoon0x
4

sync

Export code-defined design tokens to a Tokens Studio-compatible figma.tokens.json file.

Community
Intermediate