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.