plan-design-review

Identify design gaps and missing decisions in web app and dashboard plans.

Updated Apr 6, 2025
One-click install
npx skills add https://github.com/yolopunk/jedi --skill plan-design-review-yolopunk
Or copy as Structured Prompt for Agent
Please help me install this Agent Skill.
Skill: plan-design-review
Source: https://github.com/yolopunk/jedi/tree/main/.claude/skills/gstack/plan-design-review
Command: npx skills add https://github.com/yolopunk/jedi --skill plan-design-review-yolopunk

SYSTEM DOCUMENTATION & REQUIREMENTS

What problem does it solve?

This Skill ensures design plans are thorough, intentional, and free of critical gaps before implementation, reducing rework and misaligned product outcomes.

Core Features & Use Cases

  • Systematic, principle-driven critique that calls out empty states, hierarchy, accessibility, and consistency with the design system.
  • Seven-pass review workflow that surfaces gaps, raises explicit questions, and records decisions for traceability.
  • Applicable to planning documents for web apps, dashboards, and enterprise tools, guiding teams from concept to implementation.

Quick Start

Review the current design plan with a design-first lens and surface gaps before proceeding to build.

Frequently Asked Questions about plan-design-review

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

FAQPage Schema
What is a design plan review and how does it prevent rework?

A design plan review identifies missing decisions and gaps in hierarchy, empty states, and accessibility before implementation. This principle-driven critique ensures plans are thorough and aligned with the design system, reducing misaligned product outcomes and rework.

How do I review a dashboard design plan for missing edge cases?

You review a dashboard design plan by applying a systematic seven-pass workflow. This process explicitly surfaces missing decisions regarding empty states, error handling, and accessibility, recommending actions and recording a traceable decision log for edge cases.

Can I use this design critique workflow for enterprise web app planning?

Yes, this design critique workflow applies directly to planning documents for web apps, dashboards, and enterprise tools. It evaluates plans against design-system alignment and interaction-design principles to guide teams from concept to implementation.

What's the best way to evaluate UX alignment before implementation?

The best way to evaluate UX alignment is through a rigorous seven-pass review workflow. It enforces principle-driven critique by raising explicit questions about accessibility, hierarchy, and consistency, while recording decisions to ensure traceability before building.

How does the seven-pass design review workflow handle accessibility gaps?

The seven-pass design review workflow handles accessibility gaps by systematically evaluating plans against design principles during each pass. It surfaces missing accessibility decisions, provides recommended actions, and logs the outcomes for traceable product development.

When should I not use a systematic design plan evaluation?

You should avoid a systematic design plan evaluation when working on purely aesthetic explorations or concepts lacking structural requirements. This rigorous critique targets functional web apps and enterprise tools where missing error handling or empty states cause rework.