plan-design-review

Review design plans and identify missing UI decisions before implementation.

Updated Mar 30, 2026
One-click install
npx skills add https://github.com/GenEducation/GenedUIProject --skill plan-design-review-geneducation
Or copy as Structured Prompt for Agent
Please help me install this Agent Skill.
Skill: plan-design-review
Source: https://github.com/GenEducation/GenedUIProject/tree/main/.gemini/skills/plan-design-review
Command: npx skills add https://github.com/GenEducation/GenedUIProject --skill plan-design-review-geneducation

SYSTEM DOCUMENTATION & REQUIREMENTS

What problem does it solve?

This Skill catches missing design decisions before implementation, so a UI plan does not ship with weak hierarchy, unclear states, or accidental-looking layouts.

Core Features & Use Cases

  • Scores a plan across key design dimensions and explains what would be needed to reach a top-tier result.
  • Uses mockups and side-by-side variants to make visual choices concrete instead of leaving them as guesses.
  • Works well for product screens, dashboards, onboarding flows, and other user-facing interfaces that need critique before code starts.

Quick Start

Use the plan-design-review skill to review this UI plan, identify the missing design decisions, and rewrite the plan with stronger visual direction.

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 plan before implementation starts?

A UI design review evaluates a plan by scoring key design dimensions, using mockups to make choices concrete, and identifying gaps in hierarchy, empty states, accessibility, and responsive behavior before coding starts.

What is a design critique in plan mode for product screens?

A design critique in plan mode catches missing UI decisions for product screens, dashboards, and onboarding flows before implementation. It rates design dimensions and rewrites the plan with stronger visual direction to prevent weak hierarchy.

How do I identify missing UI decisions in my dashboard mockups?

Identify missing UI decisions by evaluating dashboard mockups side-by-side to make visual choices concrete. The review highlights weak hierarchy, unclear empty states, accessibility gaps, and accidental-looking layouts that need stronger direction.

Can I use mockups to critique responsive design and accessibility?

Yes, you can use mockups to critique responsive design and accessibility by making visual choices concrete instead of guesses. The review specifically calls out responsive behavior and accessibility gaps to reach a top-tier result.

When do I need a UI design review for onboarding flows?

You need a UI design review for onboarding flows when a vague UI plan risks shipping with unclear states or accidental-looking layouts. The critique rates design dimensions and rewrites the plan to close decision gaps before implementation.

What is the best way to close UI decision gaps in a product plan?

The best way to close UI decision gaps is to score the product plan across design dimensions and use side-by-side mockup variants. This makes visual choices concrete and rewrites the plan with stronger visual direction before implementation.