mcpField
D
design-review-garrytan

design-review-garrytan

github.com/podoDesign & UI29177 installsUpdated 1d ago
Repository

About design-review-garrytan

design-review-garrytan is a design skill from Garry Tan’s gstack toolkit. It guides a structured UI visual audit, prioritizes design issues, and fixes them with atomic commits.

Key features

  1. 01Structured UI visual audit
  2. 02Prioritizes design issues
  3. 03Fixes issues with atomic commits
  4. 04Installable at project or global scope

Use cases

  1. 01Reviewing a product UI for visual issues
  2. 02Prioritizing and fixing design debt

Install

Copy the command and run it in a terminal.

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

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

Bundled filesstub.yaml

Details

From the project README

design-review-garrytan

Catalogue stub — full skill: garrytan/gstack

Decision tree

  1. Is the full skill already installed? Check whether the skill at this location still has a das: block:

    • Global: grep -q "^das:" ~/.agents/skills/design-review-garrytan/SKILL.md 2>/dev/null && echo "pointer" || echo "installed"
    • Project: grep -q "^das:" .agents/skills/design-review-garrytan/SKILL.md 2>/dev/null && echo "pointer" || echo "installed"
    • No das: block → full skill installed, invoke it and proceed
    • das: block present → go to step 2

  2. Detect scope, then install:

    To detect scope:

    [ -e ~/.agents/skills/design-review-garrytan ] && echo "global" || echo "project"

    Global (installed with -g):

    npx skills add garrytan/gstack --skill design-review-garrytan -g -y

    Project (installed without -g):

    npx skills add garrytan/gstack --skill design-review-garrytan -y

    Claude Code: send either command as a chat message starting with ! to run it without leaving the conversation.

Invoke after install

  • Skill name: design-review-garrytan
  • Trigger phrases: "design review", "visual audit", "UI audit", "fix design issues"

What it does

"Designer Who Codes" approach: performs a structured visual audit of the UI, then fixes each issue with an atomic commit. Treats design debt like technical debt — identifies it, prioritizes it, and ships fixes. From Garry Tan's gstack, his toolkit for building well-designed products.

Comments

Markdown supported