skills.rest
r3dlex
r3dlexCOMMUNITY
Explore all skills by this author →
GitHub

visual-verdict

Compare UI screenshots against reference images to detect layout, style, and content discrepancies.

2|1|Updated Apr 3, 2026
Search Tags:#ui#screenshots#regression testing#design verification#visual comparison
One-click install
npx skills add https://github.com/r3dlex/oh-my-auggie --skill visual-verdict-r3dlex
Or copy as Structured Prompt for Agent▼
Please help me install this Agent Skill.
Skill: visual-verdict
Source: https://github.com/r3dlex/oh-my-auggie/tree/main/plugins/oma/skills/visual-verdict
Command: npx skills add https://github.com/r3dlex/oh-my-auggie --skill visual-verdict-r3dlex

SYSTEM DOCUMENTATION & REQUIREMENTS

💡 This Skill includes references (resource) components.

What problem does it solve?

This Skill helps users verify the accuracy and quality of UI screenshots by identifying visual discrepancies and issues.

Core Features & Use Cases

  • Visual Comparison: Evaluate actual UI screenshots against reference images for consistency.
  • Issue Classification: Categorize discrepancies by severity and identify specific layout, style, or content issues.
  • Use Case: After a UI update, use this skill to determine if the new screenshots match the expected design before deployment.

Quick Start

Use the visual-verdict skill to compare your latest screenshot with the reference design to ensure visual fidelity.

Frequently Asked Questions about visual-verdict

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

FAQPage Schema
How do I compare UI screenshots for visual consistency during design verification?▼

To compare UI screenshots for visual consistency, you evaluate actual UI screenshots against reference images to detect layout, style, and content discrepancies. This process categorizes discrepancies by severity to ensure visual fidelity before deployment.

Can I use this for UI regression testing after an interface update?▼

Yes, you can use visual comparison for UI regression testing after an interface update. It analyzes your latest screenshots against expected designs to determine if the new screens match the reference layout and style accurately.

What types of visual discrepancies can be detected in UI screenshot analysis?▼

UI screenshot analysis detects layout, style, and content discrepancies. It categorizes these visual discrepancies by severity, identifying specific issues to ensure visual consistency and quality throughout your design verification workflow.

Do I need image analysis tools to detect visual differences in design reviews?▼

Yes, you need image analysis and comparison tools to detect visual differences accurately in design reviews. These tools evaluate actual UI screenshots against reference images to identify specific layout, style, or content issues.

How do I classify UI screenshot issues by severity in a design verification workflow?▼

You classify UI screenshot issues by severity by comparing actual screenshots against reference images. This visual comparison categorizes discrepancies into specific layout, style, or content issues to maintain visual consistency.

Related Skills

Explore More Design & Creative Skills→
CodeAtCodeCodeAtCode
14

playwright-visual-regression

Compare UI screenshots against baselines with Playwright and report visual diffs.

Official
Advanced
1toe1toe

layout

Analyze UI layouts and apply spacing scales and grid systems.

Community
Intermediate
riethmayerriethmayer
2

visual-verdict

Compare generated UI screenshots against reference images and output a JSON verdict.

Community
Advanced
EvolutionAPIEvolutionAPI
520

dev-visual-verdict

Compare before and after screenshots to detect visual regressions in UI components.

Official
Intermediate