plan-design-review

Review design plans and add missing UI, accessibility, and responsive specifications.

Updated Mar 15, 2026
One-click install
npx skills add https://github.com/Jaykaijack/openclaw-backup --skill plan-design-review-jaykaijack
Or copy as Structured Prompt for Agent
Please help me install this Agent Skill.
Skill: plan-design-review
Source: https://github.com/Jaykaijack/openclaw-backup/tree/main/skills/gstack/plan-design-review
Command: npx skills add https://github.com/Jaykaijack/openclaw-backup --skill plan-design-review-jaykaijack

SYSTEM DOCUMENTATION & REQUIREMENTS

What problem does it solve?

Identifies missing design decisions and gaps in UI/UX plans so implementations ship with intentional, complete, and testable design specifications rather than vague or deferred choices. It prevents "AI slop" and accidental design debt by turning an incomplete plan into a concrete implementation-ready plan that engineers can follow.

Core Features & Use Cases

  • Structured plan audit: Runs a seven-pass review (information architecture, interaction states, user journey, AI slop risk, design system alignment, responsive & a11y, unresolved decisions) and rates each dimension 0-10.
  • Actionable fixes: Explains how to turn each rating into a 10/10 and edits the plan to add missing specs like empty states, error states, ARIA requirements, spacing/token choices, and mobile layouts.
  • Decision workflows: Generates single-issue AskUserQuestion prompts for tradeoffs, produces TODO entries with context and dependencies, and emits a completion summary and telemetry-friendly logs.
  • Use cases: Pre-implementation design review for PRs touching UI, onboarding design decisions for new features, and tightening design-spec completeness before handoff to engineering.

Quick Start

Ask the assistant to "review the design plan in this branch and produce a complete plan-level design review with ratings, state tables, TODOs, and AskUserQuestion prompts for any unresolved decisions."

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 to find missing interaction states and accessibility specs?

Review a UI design plan by running a structured audit that identifies missing interaction states and accessibility specs, rating each dimension 0-10, and editing the plan to add concrete requirements for empty states, error states, and ARIA attributes.

What is design plan review and when do I need it before implementation?

Design plan review is a pre-implementation audit of UI/UX specifications that identifies missing design decisions and gaps. You need it before implementation to prevent accidental design debt and ensure engineers receive intentional, complete, and testable specifications.

How do I make my UX design plan implementation-ready for engineers?

Make a UX design plan implementation-ready by enriching it with concrete interaction state matrices, user journey storyboards, responsive specifications, and TODO entries for unresolved tradeoffs, producing a complete plan aligned with your DESIGN.md.

Can I use this to check my PR branch diff for missing responsive and design system specifications?

Yes, you can use it to review PR branch diffs touching UI screens, components, or design-system changes. It checks for missing responsive layouts, spacing token choices, and design system alignment, then updates the plan with concrete specifications.

How do I handle unresolved design tradeoffs found during a plan critique?

Handle unresolved design tradeoffs by generating single-issue AskUserQuestion prompts that present the tradeoffs directly, producing TODO entries with context and dependencies, and emitting a completion summary aligned with your existing design documentation.

What is the best way to prevent AI slop and design debt in UI implementations?

Prevent AI slop and design debt by running a seven-pass review on your design plan that assesses AI slop risk, information architecture, and design system alignment, turning incomplete plans into concrete implementation-ready specifications.