| name | screenshot-ui-review |
|---|---|
| description | Use when reviewing screenshots of apps, terminals, dashboards, websites, or GitHub pages for layout and usability. |
| phase | 3 |
| status | available |
Use this skill for visual critique of UI screenshots.
- "review this app screenshot for usability"
- "check this dashboard layout"
- "is this terminal UI readable?"
- "audit this GitHub page screenshot"
- "score artistic composition" → use
image-quality-audit - "build a prompt from this image" → use
reverse-prompt - "analyze a diagram's architecture" → use
visual-architecture-analysis
- Detect UI regions (OCR, layout segmentation)
- Identify visual hierarchy
- Check spacing, contrast, alignment
- Flag accessibility concerns
- Return structured review
- Visual hierarchy — is the most important element clear?
- Spacing — consistent rhythm or crowded?
- Contrast — readable text at all sizes?
- Alignment — grid discipline?
- Density — too much or too little information?
- Readability — fonts, sizes, line lengths?
- Call-to-action clarity — obvious next step?
- Terminal / CLI polish when reviewing developer tools
- What works well
- What is confusing or weak
- High-impact fixes (ordered by priority)
- Suggested next iteration direction
- Aesthetic opinions without reasoning
- Prescribing specific design tools
- Generating replacement UI without approval