plan-design-review

Reviews and improves UI/UX design plans before implementation.

6|2|Updated Oct 18, 2021
One-click install
npx skills add https://github.com/jerrywu001/jerrywu001 --skill plan-design-review-jerrywu001
Or copy as Structured Prompt for Agent
Please help me install this Agent Skill.
Skill: plan-design-review
Source: https://github.com/jerrywu001/jerrywu001/tree/main/.claude/skills/plan-design-review
Command: npx skills add https://github.com/jerrywu001/jerrywu001 --skill plan-design-review-jerrywu001

SYSTEM DOCUMENTATION & REQUIREMENTS

What problem does it solve?

It prevents shipping accidental or under-specified UI by turning a design plan into a rigorously complete, implementation-ready set of decisions.

Core Features & Use Cases

  • CEO-style design critique for PLAN mode: Rates each design dimension 0–10, explains what it would take to reach a 10, then updates the plan accordingly.
  • Before-implementation design hardening: Proactively finds missing UX decisions (hierarchy, states, edge cases, accessibility, responsive behavior) so engineering doesn’t “figure it out later.”
  • Best for plan reviews and critique requests: Works when you’re asked to “review the design plan” or need a design critique for UI/UX components in a planned release.

Quick Start

Ask to run plan-design-review on your current design plan and specify that you want it to be strengthened to a 10/10 for missing decisions, interaction states, accessibility, and responsive behavior.

Frequently Asked Questions about plan-design-review

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

FAQPage Schema
What is a UI UX design plan review and why do I need it before implementation?

A UI UX design plan critique rigorously evaluates your component plan to uncover missing interaction states, accessibility needs, and edge cases before engineering begins. This hardening process ensures the shipped experience is intentional, preventing accidental or under-specified UI.

How do I critique a UI UX design plan to uncover missing interaction states and edge cases?

To critique a UI UX design plan, evaluate each dimension 0–10 across information architecture, interaction state coverage, and user journey. Identify unresolved decisions and update the plan to achieve 10/10 readiness for missing UX states and responsive behavior.

Can I use a design review to check accessibility and responsive requirements for a planned release?

Yes, you can use a design review to check accessibility and responsive requirements for a planned release. It rigorously validates your plan against a11y requirements and responsive behavior expectations, surfacing unresolved design decisions before implementation.

What's the best way to harden a product design plan against AI slop and under-specified UI?

The best way to harden a product design plan against AI slop is through a rigorous design critique that rates each dimension 0–10. It proactively finds missing UX decisions, aligns with design systems, and updates the plan to reach 10/10 intentionality.

Does a design plan critique work for information architecture and page structure evaluations?

Yes, a design plan critique works for information architecture and page structure evaluations. It rigorously assesses your planned page structure and hierarchy, ensuring plan-mode readiness for interactive features before you hand off to engineering.