mcpField
D
design-consultation

design-consultation

github.com/podoDesign & UI30171 installsUpdated 4d ago
Repository

About design-consultation

design-consultation is a structured process for creating a complete design system from scratch, based on Garry Tan's approach. It guides early-stage product teams through visual language, spacing, typography, color tokens, and components.

Key features

  1. 01Establish a visual language
  2. 02Define spacing and typography systems
  3. 03Set color tokens
  4. 04Build a component library
  5. 05Follow a structured consultation process

Use cases

  1. 01Create a design system for an early-stage product
  2. 02Set foundational design tokens and components

Install

Copy the command and run it in a terminal.

$npx skills add https://github.com/podo/design-agent-skills --skill design-consultation

After installing, type/design-consultationin Claude Code to confirm it loaded.

Bundled filesstub.yaml

Details

From the project README

design-consultation

Catalogue stub — part of garrytan/gstack (design-consultation)

Decision tree

  1. Is the full skill already installed?

    • f=~/.claude/skills/gstack/design-consultation/SKILL.md; [ -e "$f" ] && ! grep -qs "^das:" "$f" && echo "installed" || echo "pointer"
    • installed → invoke it and proceed
    • pointer → go to step 2

  2. Install (the skills CLI cannot install this one):

    This skill is part of gstack and calls gstack's shared tooling (~/.claude/skills/gstack/bin/…), so install gstack itself rather than the single skill (--skill design-consultation fails because the CLI only sees gstack's root router, and even with --full-depth the copied instructions lack the tooling). ./setup needs Bun, builds binaries, downloads Chromium and registers a Stop hook in your Claude settings (opt out with ./setup --no-timeline-stop-hook); ask the user before running it. Upstream's README also tells agents to add a gstack section to CLAUDE.md after setup.

    git clone --single-branch --depth 1 https://github.com/garrytan/gstack.git ~/.claude/skills/gstack
cd ~/.claude/skills/gstack && ./setup

Heads-up

  • Requires: Bun (setup refuses versions older than 1.3.3; upstream tests 1.4.2+), Git and Claude Code
  • License: MIT
  • Download size: ~98 MB.

Invoke after install

  • Skill name: design-consultation
  • Trigger phrases: "design consultation", "design system from scratch", "build design system"

What it does

Garry Tan's (Y Combinator president) approach to building a complete design system from scratch. Establishes visual language, spacing scale, typography system, color tokens, and component library through a structured consultation process. Opinionated, systematic, and practical for early-stage products.

Comments

Markdown supported