plan-design-review

Reviews implementation plans for UI/UX design gaps and edits the plan to fix them.

2|Updated Mar 26, 2026
One-click install
npx skills add https://github.com/westkite1201/garden-engine --skill plan-design-review-westkite1201
Or copy as Structured Prompt for Agent
Please help me install this Agent Skill.
Skill: plan-design-review
Source: https://github.com/westkite1201/garden-engine/tree/main/.claude/skills/gstack/plan-design-review
Command: npx skills add https://github.com/westkite1201/garden-engine --skill plan-design-review-westkite1201

SYSTEM DOCUMENTATION & REQUIREMENTS

What problem does it solve? Implementation plans often describe backend logic in detail while leaving UI/UX decisions vague or missing entirely, leading to generic interfaces, unspecified empty states, and accessibility gaps discovered only after shipping. ## Core Features & Use Cases - 0-10 Design Rating: Rates the plan across design dimensions (information architecture, interaction states, AI slop risk, user journey), explains what a 10 looks like, then edits the plan to close each gap. - Outside Design Voices: Optionally runs Codex and a Claude subagent in parallel to evaluate the plan against hard rejection rules and litmus checks, producing a consensus scorecard. - Plan-Mode Safe: Works entirely in plan mode — it reviews and improves the plan document without making any code changes, and exits early if the plan has no UI scope. - Use Case: Before implementing a new dashboard feature, run this review to catch missing empty states, unspecified responsive behavior, and generic card-grid layouts, then have the gaps written directly into the plan. ## Quick Start Ask the AI to run /plan-design-review on the current plan to rate its design completeness and fix UI/UX gaps before implementation.

Frequently Asked Questions about plan-design-review

High-intent search queries and answers about installing and using this skill.

FAQPage Schema
How do I review a plan for UI/UX design gaps before implementation?

Run /plan-design-review in plan mode. It rates the plan's design completeness 0-10 across dimensions like information architecture and interaction states, explains what a 10 looks like, then edits the plan file directly to add missing decisions.

What design dimensions does a plan design review cover?

The review covers information hierarchy, interaction state coverage (loading, empty, error, success), AI slop risk, user journey, specificity of UI descriptions, responsive behavior, and accessibility. Interaction states and AI slop assessment are never skipped.

Does plan-design-review work on backend-only plans?

No. The skill performs UI scope detection first, and if the plan involves no new screens, UI changes, or user-facing interactions, it reports that a design review is not applicable and exits early.

Can I get a second opinion from another AI model during design review?

Yes. The optional outside voices step runs Codex with hard rejection rules and litmus checks in parallel with an independent Claude subagent, then merges results into a consensus scorecard. Codex failures are non-blocking.

Does the design review modify my code?

No. The skill explicitly forbids code changes and implementation. Its only output is an improved plan document with design decisions added, plus a review report section in the plan file.