design-review-garrytan

어떤 스킬인가요?

Designer Who Codes: visual audit followed by atomic commits fixing each issue. Garry Tan's design review skill — treats UI like code, identifies and fixes design debt systematically.

설치 방법

프로젝트 폴더에서 아래 명령어를 실행하고, 설치할 에이전트를 선택하세요.

설치 명령을 직접 실행해야 적용됩니다. 지원 에이전트와 필요한 권한·라이선스는 제작자의 안내를 확인하세요.

스킬 원문 파일

---
name: design-review-garrytan
description: |
  Designer Who Codes: visual audit followed by atomic commits fixing each issue.
  Garry Tan's design review skill — treats UI like code, identifies and fixes
  design debt systematically.
triggers:
  - "design review"
  - "visual audit"
  - "UI audit"
  - "design debt"
  - "fix design issues"
das:
  type: package
  category: design-review
  upstream: "https://github.com/garrytan/gstack"
  upstream_path: "design-review/SKILL.md"
  version: latest
  install: false
---

# design-review-garrytan

> Catalogue stub — part of [garrytan/gstack](https://github.com/garrytan/gstack) (`design-review`)

<!-- das:install:start — generated from stub.yaml by `npm run generate`; edit stub.yaml, not this block -->
## Decision tree

1. **Is the full skill already installed?**
   - `f=~/.claude/skills/gstack/design-review/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-review` 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.

   ```bash
   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.
<!-- das:install:end -->

## Invoke after install

- Skill name: `design-review`
- 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.

It expects a clean working tree (it offers to commit or stash your changes first) because every fix lands as its own commit.

## When NOT to use

- Planning a design before anything is built — use `plan-design-review` or `design-consultation`
- A review that must not touch code or git history — this skill edits files and commits

type: package
tier: community
category: design-review
rank: 2
upstream: https://github.com/garrytan/gstack
upstream_path: design-review/SKILL.md
version: latest
install_mode: manual
manual_reason: 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-review` 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.
install_steps:
  - git clone --single-branch --depth 1 https://github.com/garrytan/gstack.git ~/.claude/skills/gstack
  - cd ~/.claude/skills/gstack && ./setup
install_check: ~/.claude/skills/gstack/design-review/SKILL.md
installed_as: design-review
requires:
  - Bun (setup refuses versions older than 1.3.3; upstream tests 1.4.2+), Git and Claude Code
license: MIT
size_mb: 98
note: "verified 2026-10-21; the shallow clone is about 98 MB on disk (GitHub reports 185 MB for the full history), ./setup deliberately not run; design-review/SKILL.md has frontmatter name design-review and its preamble calls ~/.claude/skills/gstack/bin/gstack-skill-start; shares the clone with design-consultation, plan-design-review and design-html (same upstream, same ~/.claude/skills/gstack dir); was install_default git clone + ./setup with installed_as gstack"