plan-design-review

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

Updated Jun 16, 2026
One-click install
npx skills add https://github.com/adamtpang/summon.company --skill plan-design-review-adamtpang
Or copy as Structured Prompt for Agent
Please help me install this Agent Skill.
Skill: plan-design-review
Source: https://github.com/adamtpang/summon.company/tree/main/.claude/skills/plan-design-review
Command: npx skills add https://github.com/adamtpang/summon.company --skill plan-design-review-adamtpang

SYSTEM DOCUMENTATION & REQUIREMENTS

💡 This Skill includes references (resource) components.

What problem does it solve? Design plans often ship with gaps in information architecture, interaction states, accessibility, and visual direction that only surface during implementation. This Skill catches those gaps early by walking through a structured design critique of any plan containing UI/UX components. ## Core Features & Use Cases - Seven Design Passes: Rates information architecture, interaction states, user journey, AI-slop risk, design system alignment, responsive/accessibility, and unresolved decisions on a 0-10 scale, then fixes the plan to reach 10. - Interactive Decision Workflow: Presents each finding as a structured decision brief with recommendations, completeness scores, and pros/cons, editing the plan as decisions are made. - Review Artifacts: Emits a completion summary, implementation task list (Markdown plus JSONL for /autoplan aggregation), TODOS.md proposals, and a review readiness dashboard. - Use Case: Before implementing a new dashboard feature, run this Skill on the plan to verify empty states, mobile layouts, and design-system token usage are specified, then resolve each gap interactively. ## Quick Start Ask the AI to review the design plan for your feature using the plan-design-review skill before any 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 while in plan mode. It runs seven passes covering information architecture, interaction states, user journey, AI-slop risk, design system alignment, responsive/accessibility, and unresolved decisions, asking one question per finding.

What design issues does a plan review check for?

It checks missing loading/empty/error states, vague UI descriptions, generic AI-generated patterns like 3-column feature grids and purple gradients, missing responsive specs, accessibility gaps, and components that conflict with an existing DESIGN.md.

When should I use plan-design-review versus a live design review?

Use plan-design-review on written plans before any code is written. For visual audits of a live, running site, use the separate /design-review skill instead, since this one operates on plan documents in plan mode.

Does the design plan review work without a DESIGN.md file?

Yes, but Pass 5 flags the missing design system as a gap and recommends running /design-consultation first. The other six passes still evaluate the plan normally.

What happens to the findings after a design plan review?

Findings become implementation tasks written as Markdown and JSONL artifacts that /autoplan aggregates, plus optional TODOS.md entries for deferred design debt. A completion summary and review readiness dashboard record the final scores.