What problem does it solve? Plans often describe backend logic in detail while leaving UI decisions vague, which leads to generic, accidental interfaces discovered only after implementation. This Skill reviews a plan with a designer's eye, rates each design dimension 0-10, and fixes the plan before any code is written. ## Core Features & Use Cases - Design Dimension Scoring: Rates each design dimension of a plan 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 visual mockups, style variants, and comparison boards so design decisions are shown, not described. - Edge Case and AI-Slop Detection: Flags missing empty states, error states, responsive behavior, accessibility specs, and generic AI-generated-looking layouts. - Use Case: Before implementing a new dashboard page, run this review in plan mode to catch missing loading states, undefined mobile layouts, and unspecified typography, then approve a generated mockup direction. ## Quick Start Ask the AI to run /plan-design-review on the current plan to score its design completeness and generate mockups before implementation.
