plan-design-review

Reviews design plans through seven interactive passes scoring UI/UX dimensions before implementation.

Updated Aug 9, 2026
One-click install
npx skills add https://github.com/raghavbadhwar/rstack --skill plan-design-review-raghavbadhwar
Or copy as Structured Prompt for Agent▼
Please help me install this Agent Skill.
Skill: plan-design-review
Source: https://github.com/raghavbadhwar/rstack/tree/main/plan-design-review
Command: npx skills add https://github.com/raghavbadhwar/rstack --skill plan-design-review-raghavbadhwar

SYSTEM DOCUMENTATION & REQUIREMENTS

What problem does it solve? Design plans often ship to implementation with missing interaction states, generic AI-slop patterns, unresolved responsive behavior, and no alignment with an existing design system, causing costly rework after code is written. ## Core Features & Use Cases - Seven scored design passes: Rates information architecture, interaction states, user journey, AI-slop risk, design system alignment, responsive/accessibility, and unresolved decisions from 0-10, then fixes the plan to raise each score. - Interactive decision workflow: Walks each finding through structured AskUserQuestion decision briefs with recommendations, completeness scores, and effort estimates instead of silently editing the plan. - Evidence artifacts: Emits a completion summary, implementation task list with JSONL output for /autoplan aggregation, review log entries, and a review readiness dashboard. - Use Case: Before building a new dashboard, run this skill on the plan to catch missing empty states, generic three-column feature grids, and unspecified mobile navigation, resolving each decision interactively. ## Quick Start Ask the agent to run a design plan review on the current plan before implementation begins.

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 design plan before implementation?▼

Invoke the plan-design-review skill in plan mode. It runs seven scored passes covering information architecture, states, journey, AI-slop risk, design system fit, responsiveness, and open decisions, asking one question per finding before editing the plan.

What design issues does a plan review catch?▼

It catches missing loading/empty/error states, generic AI-generated patterns like three-column feature grids and purple gradients, unspecified mobile layouts, accessibility gaps such as low contrast or placeholder-only labels, and deferred design decisions.

Does plan-design-review work for live websites?▼

No, it operates on plans in plan mode before code is written. For visual audits of live, implemented sites, the documentation directs you to use the /design-review skill instead.

Can the review run non-interactively or headless?▼

Interactive sessions use AskUserQuestion decision briefs; headless sessions block when questions cannot be asked, and spawned sessions auto-choose recommended options. Conductor sessions render decisions as prose briefs instead of tool calls.

What outputs does the design review produce?▼

It produces a completion summary with before/after scores, a NOT-in-scope list, TODOS.md proposals, an implementation task list, a JSONL task artifact for /autoplan, a review log entry, and a review readiness dashboard.