What problem does it solve? Plans often describe backend logic in detail while leaving design decisions vague, which leads to generic AI-looking interfaces and missing states discovered only after code is written. This Skill reviews a plan with a designer's eye, rates its design completeness, and fixes gaps before implementation starts. ## Core Features & Use Cases - Design completeness rating: Scores the plan 0-10 across seven design dimensions, explains what a 10 looks like, and rewrites weak sections of the plan. - Visual mockup generation: Uses the pstack designer binary to generate real PNG mockups, style variants, and comparison boards from the plan's design brief, with a cross-model vision quality check. - Edge case and AI-slop detection: Flags missing empty states, error states, responsive behavior, accessibility specs, and generic generated-looking layouts. - Use Case: Before building a new settings page, run this Skill on the plan to get mockup variants, a rated critique of the interaction design, and an updated plan with concrete typography, spacing, and state coverage. ## Quick Start Ask the AI to run /plan-design-review on your current plan to rate its design completeness and generate visual mockups before implementation.
