Design Review
Designer's eye QA: finds visual inconsistency, spacing issues, hierarchy problems, AI slop patterns, and slow interactions — then fixes them. (gstack)
Install
npx skills add garrytan/gstack --skill design-reviewgit clone --depth 1 https://github.com/garrytan/gstack.git /tmp/gstack
mkdir -p ~/.claude/skills
cp -r /tmp/gstack/design-review ~/.claude/skills/design-reviewPersonal skills live in ~/.claude/skills. Use .claude/skills in a project folder to share a skill with your team.
From the SKILL.md
## Shared preamble (load first) This skill follows gstack shared preamble `4e82fa4c839f` (AskUserQuestion format, voice, writing, completeness and completion rules). If your Read of that file, headed by this id, is still in context, do not read it again; otherwise Read `~/.claude/skills/gstack/design-review/sections/preamble.md` in full before the command below. A section or subsection here with a shared heading replaces the shared one. ## Preamble (run first) ```bash ~/.claude/skills/gstack/bin/gstack-skill-start --skill "design-review" --model "claude" ``` Read the echoed `KEY: value` STATUS lines — they drive every preamble rule below. **Degraded mode:** if `SKILL_START_PROTO: 1` is missing from the output (script absent, stale install, or a different protocol number), apply safe defaults: treat `SESSION_KIND` as `interactive`, do NOT assume Conductor, skip onboarding/telemetry steps (their gates are marker-based, so consent and onboarding prompts are DEFERRED to the next healthy run — never lost), tell the user to run `./setup` or `/gstack-upgrade`, and proceed with their task. Note `SESSION_ID` and `TEL_START` from the output — the Telemetry step needs them at skill end. **Instruction blocks:** the output may contain `GSTACK_INSTRUCTION_BEGIN: <id> <session-id>` … `GSTACK_INSTRUCTION_END` blocks — one-time onboarding and consent directives whose runtime gates fired. Follow each before continuing, then proceed with the user's task. Honor a
Details
- Skill name
design-review- Repository
- garrytan/gstack
- Path
design-review/SKILL.md- License
- MIT
- Repo updated
- 31 October 2026
FAQ
What does the Design Review skill do?
Designer's eye QA: finds visual inconsistency, spacing issues, hierarchy problems, AI slop patterns, and slow interactions — then fixes them. (gstack)
How do I install the Design Review skill?
skills CLI (Claude Code, Cursor, Codex and more): npx skills add garrytan/gstack --skill design-review. Skills go in ~/.claude/skills (personal) or .claude/skills (project), and Claude loads them automatically when a task matches the description.
Is Design Review popular?
It lives in garrytan/gstack, which has 138,407 GitHub stars and 20,523 forks, and is included in 2 curated skill lists.
Related skills
QA
138kgarrytan/gstack
Fix browser/API/CLI/job/worker/webhook bugs. (gstack)
Ship
138kgarrytan/gstack
Ship workflow: detect + merge base branch, run tests, review diff, bump VERSION, update CHANGELOG, commit, push, create PR. (gstack)
TDD
308kmattpocock/skills
Test-driven development. Use when the user wants to build features or fix bugs test-first, mentions "red-green-refactor", or wants integration tests.
Browser QA
294kaffaan-m/ECC
このスキルを使用して、機能をデプロイ後にブラウザ自動化を使用した自動ビジュアルテストとUI相互作用検証を自動化します。
Setup Pre Commit
308kmattpocock/skills
Set up Husky pre-commit hooks with lint-staged (Prettier), type checking, and tests in the current repo. Use when user wants to add pre-commit hooks, set up Husky, configure lint-staged, or add commit-time formatting/typechecking/testing.
Bun Runtime
294kaffaan-m/ECC
Bun as runtime, package manager, bundler, and test runner. When to choose Bun vs Node, migration notes, and Vercel support.
Browse the most popular Claude skills, all testing & qa skills, or write your own with the skills generator.