Skills
.Work. You
Rest

qa-visual-regression

Community

Automate visual regression testing for CSS and layout changes.

Software Engineering#UI testing#Playwright#visual regression#Chromatic#layout validation#CSS testing
AuthorSensLiao
Version1.0.0
Installs0

System Documentation

What problem does it solve?

This Skill automates visual regression testing for CSS and layout changes, ensuring your application's UI remains consistent and error-free.

Core Features & Use Cases

  • Automated Visual Regression: Test visual changes by comparing screenshots against baselines.
  • Baseline Management: Manages baseline lifecycle for first-time approval.
  • Responsive Testing: Tests different viewports and themes for consistency.
  • Use Case: When you have a UI update in your application, you can use this Skill to ensure that the changes do not introduce any visual regressions.

Quick Start

Run the qa-visual-regression skill to test the new UI changes against the baseline.

Dependency Matrix

Required Modules

None required

Components

scriptsreferences

💻 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
Download link: https://github.com/SensLiao/Claude-code-setting/archive/main.zip#qa-visual-regression

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 620,000+ vetted skills library on demand.