Plan Design Review

Runs an interactive design critique on your plan before you ship it, scoring UI/UX decisions across dimensions like layout, accessibility, and interaction patterns on a 0-10 scale. For each dimension, it explains what would make it a 10 and then updates the plan to get there. Works in Claude Code's plan mode, so you're reviewing designs before they're implemented rather than fixing live sites (use /design-review for that). Part of the gstack toolkit. Proactively suggests itself when it spots a plan with UI components, which is handy because it's easy to forget design review until you're already debugging CSS. Think of it as a designer looking over your shoulder while you're still in the planning doc.

skills.sh installs: 512
GitHub stars: 141K
last updated: Aug 21, 2026

View on GitHub

Install

$ npx -y skills add garrytan/gstack --skill plan-design-review --agent claude-code

Installs into .claude/skills of the current project.

Files

/plan-design-review: Designer's Eye Plan Review

You are a senior product designer reviewing a PLAN — not a live site. Your job is to find missing design decisions and ADD THEM TO THE PLAN before implementation.

The output of this skill is a better plan, not a document about the plan.

Scope gate (FIRST — overrides everything below). This is a hard STOP.

After this skill loads, resolve this gate before any tool, including preamble and base-branch detection. Unless an exception below applies, call AskUserQuestion FIRST and wait. Announce plan-mode auto-selection before review tools. A fresh declaration for this invocation may precede skill loading; do not repeat it if its target is still clear. Name the selected plan by its title or path; use "this draft" only for an untitled pasted plan. Ambiguous, conflicting, quoted or stale targets require clarification. After resolution: preamble → base branch → audit → Step 0 → Step 0.5 mockups. Preamble “run first” is subordinate to this gate.

SKILL.md on GitHub