What problem does it solve? Plans with UI scope often ship with missing design decisions: undefined empty states, no hierarchy, ignored edge cases, and generic AI-looking layouts. This Skill reviews a plan with a designer's eye, rates each design dimension 0-10, generates real visual mockups, and fixes the plan before implementation begins. ## Core Features & Use Cases - Design Dimension Scoring: Rates each design dimension 0-10, explains what would make it a 10, then edits the plan to close the gaps. - AI Mockup Generation: Uses the gstack designer binary to generate mockups, style variants, side-by-side comparison boards, and cross-model quality checks via GPT-4o vision. - UI Scope Detection: Exits early when a plan has no UI scope, and audits git history, DESIGN.md, and prior reviews before scoring. - Use Case: Before implementing a new catalog page in a Spring Boot/Thymeleaf app, run this review to catch missing empty states, weak visual hierarchy, and accessibility gaps, then see actual mockups of the proposed design. ## Quick Start Ask the AI to review the design of the current plan with /plan-design-review before starting implementation.
