plan-design-review

Reviews UI/UX design plans across seven scored passes and fixes gaps interactively.

Updated Jun 22, 2026
One-click install
npx skills add https://github.com/aicodepro/ai-agent-nexi --skill plan-design-review-aicodepro
Or copy as Structured Prompt for Agent
Please help me install this Agent Skill.
Skill: plan-design-review
Source: https://github.com/aicodepro/ai-agent-nexi/tree/main/agent/skills/gstack/plan-design-review
Command: npx skills add https://github.com/aicodepro/ai-agent-nexi --skill plan-design-review-aicodepro

SYSTEM DOCUMENTATION & REQUIREMENTS

💡 This Skill includes references (resource) components.

What problem does it solve? Design plans often ship with unspecified interaction states, generic AI-slop layouts, missing accessibility specs, and unresolved decisions that surface only during implementation. This Skill catches those gaps before any code is written by walking the plan through a structured, interactive design critique. ## 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 each to reach 10. - Interactive decision workflow: Raises one AskUserQuestion per finding with recommendations, completeness scores, and trade-offs instead of silently dumping findings into the plan. - Review artifacts and dashboards: Emits a completion summary, JSONL task artifacts for /autoplan aggregation, a review readiness dashboard, and a plan-file review report. - Use Case: Before implementing a new dashboard UI, run this Skill in plan mode to score the plan's empty states, mobile behavior, and design-system fit, resolve each gap interactively, and produce build-actionable tasks. ## Quick Start Ask the assistant to run the plan-design-review skill to critique the current UI 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 UI design plan before implementation?

Invoke the plan-design-review skill in plan mode. It scores seven design dimensions from 0-10, raises one interactive question per finding with recommendations, and updates the plan file with each approved decision.

What design aspects does a plan design review cover?

It covers information architecture, interaction state coverage (loading, empty, error, success), user journey and emotional arc, AI-slop pattern detection, design system alignment, responsive and accessibility specs, and unresolved design decisions.

Can this skill detect generic AI-generated design patterns?

Yes. Pass 4 checks plans and mockups against an AI-slop blacklist including purple gradients, 3-column feature grids, icons in colored circles, centered-everything layouts, and generic hero copy, then proposes specific alternatives.

Does plan-design-review work outside plan mode?

It is designed for plan mode, where it edits the plan file and uses AskUserQuestion gates. For live site visual audits after implementation, the documentation directs you to use the /design-review skill instead.

What outputs does the design review produce?

It produces a completion summary with before/after scores, a NOT-in-scope section, TODOS.md proposals, implementation tasks as markdown and JSONL artifacts for /autoplan, a review readiness dashboard, and a review report appended to the plan file.