Skills
.Work. You
Rest

visual-regression-testing

Community

Catch UI drift with Playwright visual tests.

Software Engineering#screenshots#CI/CD#Playwright#cross-browser#visual-regression#thresholds#masking
AuthorAbhiRKeesara
Version1.0.0
Installs0

System Documentation

What problem does it solve?

This skill helps teams detect unintended UI changes by automating visual regression checks with Playwright across pages and components, reducing manual review.

Core Features & Use Cases

  • Threshold-based comparisons: configure pixel or percentage differences to detect meaningful changes while ignoring noise.
  • Dynamic content masking: mask timestamps, user data, and live charts to keep diffs stable.
  • CI/CD integration: run visual checks in pipelines and report failures for quick remediation.
  • Use Case: Add regression checks to a product page to catch layout shifts after CSS updates.

Quick Start

Start by installing Playwright in your project, then create a baseline screenshot for the homepage and run a comparison test to detect drift.

Dependency Matrix

Required Modules

None required

Components

Standard package

💻 Claude Code Installation

Recommended: Let Claude install automatically. Simply copy and paste the text below to Claude Code.

Please help me install this Skill:
Name: visual-regression-testing
Download link: https://github.com/AbhiRKeesara/test-automation-skills/archive/main.zip#visual-regression-testing

Please download this .zip file, extract it, and install it in the .claude/skills/ directory.
View Source Repository

Agent Skills Search Helper

Install a tiny helper to your Agent, search and equip skill from 223,000+ vetted skills library on demand.