frontend-visual-regression

Community

Enforce visual stability with Playwright tests.

AuthorKwondongkyun
Version1.0.0
Installs0

System Documentation

What problem does it solve?

UI visual changes can slip through manual checks, causing regressions and costly rework. This skill provides automated visual regression testing to detect unintended UI changes by comparing current renders with established baselines.

Core Features & Use Cases

  • Automated visual regression checks using Playwright to compare current UI screenshots against baselines.
  • Support for responsive viewport testing and dynamic content masking.
  • Baseline management and easy re-baselining workflow for CI/CD.

Quick Start

Run visual regression tests against the application to compare current screenshots with stored baselines.

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: frontend-visual-regression
Download link: https://github.com/Kwondongkyun/claude-code-settings/archive/main.zip#frontend-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 471,000+ vetted skills library on demand.