skills.rest
JansenAnalytics
JansenAnalyticsCOMMUNITY
Explore all skills by this author →
GitHub

visual-review

Compare before/after UI screenshots and generate pixel-diff overlays.

5|Updated Apr 8, 2026
Search Tags:#reporting#ui-testing#visual-regression#overlay#pixel-diff#screenshot-diff
One-click install
npx skills add https://github.com/JansenAnalytics/claudex --skill visual-review-jansenanalytics
Or copy as Structured Prompt for Agent▼
Please help me install this Agent Skill.
Skill: visual-review
Source: https://github.com/JansenAnalytics/claudex/tree/main/skills/visual-review
Command: npx skills add https://github.com/JansenAnalytics/claudex --skill visual-review-jansenanalytics

SYSTEM DOCUMENTATION & REQUIREMENTS

💡 This Skill requires Pillow, and includes scripts (resource) and references (resource) components.

What problem does it solve?

Visual regression testing across UI states by comparing before/after screenshots and generating diff overlays to highlight changes.

Core Features & Use Cases

  • Pixel-diff comparisons with threshold-based change detection
  • Before/after overlays to visualize changes
  • Automated visual-regression reports across pages and states
  • Integrates into CI pipelines for quick validation

Quick Start

Run the visual-review workflow on a set of before/after screenshots to generate a visual regression report.

Frequently Asked Questions about visual-review

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

FAQPage Schema
How do I detect visual regressions in UI screenshots?▼

Visual regression detection works by comparing before and after UI screenshots to generate pixel-diff overlays that highlight exact pixel-level changes. This allows you to validate UI updates during manual QA or within automated CI pipelines.

Can I generate visual regression reports across multiple responsive states and themes?▼

Yes, automated visual-regression reports can be generated across multiple pages, responsive states, and themes. The tool validates UI changes by applying pixel-diff comparisons across these varying states to ensure consistent visual output.

Does this visual regression tool require Python 3 and Pillow to run?▼

Yes, this visual regression tool requires Python 3 with the Pillow library installed. These dependencies provide the necessary scripts for pixel-diffing, overlay generation, and visual report creation.

How do I integrate screenshot diffing into my CI pipelines?▼

You can integrate screenshot diffing into CI pipelines by running the visual-review workflow on before and after screenshots. This generates automated visual-regression reports for quick validation of UI changes within your continuous integration process.

What is the best way to apply threshold-based change detection for UI testing?▼

The best way to apply threshold-based change detection is using pixel-diff comparisons between baseline and current UI screenshots. This filters out minor rendering variations while isolating meaningful visual regressions for review.

Related Skills

Explore More Design & Creative Skills→
hffmnnjhffmnnj
39

visual-regression

Compare screenshots pixel-by-pixel to detect unintended UI changes.

Community
Intermediate
nickhou1983nickhou1983
4

playwright-visual

Automate visual regression testing of web UIs with Playwright pixel diffs.

Community
Advanced
patricio0312revpatricio0312rev
5

visual-regression-tester

Automate visual regression testing of web applications in CI.

Community
Advanced
roderikroderik
2

rams

Analyze UI components for WCAG accessibility and visual design issues.

Community
Basic