Setup & Installation
What This Skill Does
Reviews UI/UX design decisions in a plan file before implementation. Rates each design dimension 0-10, explains what a 10 looks like for that dimension, then edits the plan to close the gaps. Can generate visual mockup variants of proposed UI to make design decisions visible before any code is written.
Design gaps caught in a plan cost nothing to fix; the same gaps caught post-implementation require rework across multiple files.
When to use it
- Adding empty state specs before an engineer ships "No items found."
- Rating information hierarchy for a dashboard redesign before any code is written
- Replacing vague "clean card-based UI" descriptions with specific design decisions in a plan
- Checking a landing page plan against hard rejection criteria like generic 3-column feature grids
- Generating visual mockup variants from a plan to compare design directions before implementation