review-ui-screenshots

Identify visual and UX issues in UI screenshots and produce actionable improvement notes.

Updated Jan 25, 2026
One-click install
npx skills add https://github.com/benzwick/SlicerMouseMaster --skill review-ui-screenshots
Or copy as Structured Prompt for Agent
Please help me install this Agent Skill.
Skill: review-ui-screenshots
Source: https://github.com/benzwick/SlicerMouseMaster/tree/main/.claude/skills/review-ui-screenshots
Command: npx skills add https://github.com/benzwick/SlicerMouseMaster --skill review-ui-screenshots

SYSTEM DOCUMENTATION & REQUIREMENTS

What problem does it solve?

UI screenshots often reveal inconsistencies in layout, readability, and interaction flow that are hard to quantify during development. This skill provides a structured QA workflow to detect visual regressions and usability issues in UI captures and translate them into actionable improvements.

Core Features & Use Cases

  • Visual issue detection: Identify misalignment, clipping, color contrast problems, and missing/overlapping elements across screenshots.
  • Usability feedback: Assess discoverability, affordance, and feedback cues, and generate recommended UI adjustments.
  • Evidence-backed reviews: Produce concise reports with references to specific screenshots and suggested fixes for designers and developers.

Quick Start

Review the latest UI screenshots to identify issues and propose fixes.

Frequently Asked Questions about review-ui-screenshots

High-intent search queries and answers about installing and using this skill.

FAQPage Schema
How do I identify UI issues in screenshots from automated tests?

To identify UI issues in screenshots from automated tests, you can apply a structured QA workflow that detects visual regressions like misalignment and contrast problems, then generates actionable improvement notes for developers and designers.

What is visual regression detection in UI screenshots?

Visual regression detection in UI screenshots is the process of reviewing UI captures to find inconsistencies in layout, readability, and interaction flow that are difficult to quantify during active development, covering widget states and feedback clarity.

How do I review UI captures for usability and UX issues?

To review UI captures for usability and UX issues, assess discoverability, affordance, and feedback cues within the screenshots, then generate recommended UI adjustments to improve the overall interaction flow and user experience.

Can I use screenshot review for QA after CI artifact collection?

Yes, you can use screenshot review for QA after CI artifact collection. The workflow is specifically designed to review sessions after artifacts are collected, requiring access to the screenshots and any associated manifests to guide debugging.

What is the best way to document visual issues found in UI screenshots?

The best way to document visual issues found in UI screenshots is to produce evidence-backed reports with concise references to specific captures and suggested fixes, guiding designers and developers through the recommended adjustments.

What limitations exist when detecting overlapping elements in UI screenshots?

A key limitation when detecting overlapping elements in UI screenshots is that the review requires access to both the screenshots and any associated manifests, meaning missing manifests may limit the accuracy of proposed design refinements and usability feedback.