Skills
.Work. You
Rest

qa-visual-regression-writer

Community

Detect UI changes with visual tests.

Software Engineering#playwright#ui testing#visual regression#percy#screenshot#backstopjs
AuthorAZANIR
Version1.0.0
Installs0

System Documentation

What problem does it solve?

This Skill automates the creation of visual regression tests, helping to catch unintended UI changes and ensure visual consistency across different browsers and viewports.

Core Features & Use Cases

  • Automated Test Generation: Creates visual regression tests using Playwright, Percy, or BackstopJS.
  • Screenshot Comparison: Compares current screenshots against baselines to detect layout drift.
  • Dynamic Content Handling: Masks or ignores dynamic elements like timestamps and ads for stable tests.
  • Use Case: Automatically generate visual tests for your application's login page, ensuring that the layout and appearance remain consistent after code changes.

Quick Start

Generate visual regression tests for the user profile page using Playwright.

Dependency Matrix

Required Modules

None required

Components

references

💻 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: qa-visual-regression-writer
Download link: https://github.com/AZANIR/qa-skills/archive/main.zip#qa-visual-regression-writer

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.