skills.rest
az9713
az9713COMMUNITY
Explore all skills by this author →
GitHub

test-regression

Compare current page state against stored baselines to detect UI regressions.

1|Updated Feb 14, 2026
Search Tags:#comparison#regression#playwright#baseline#ui-testing#visual-regression
One-click install
npx skills add https://github.com/az9713/my-agent-skills --skill test-regression-az9713
Or copy as Structured Prompt for Agent▼
Please help me install this Agent Skill.
Skill: test-regression
Source: https://github.com/az9713/my-agent-skills/tree/main/.claude/skills/playwright-ui-testing/test-regression
Command: npx skills add https://github.com/az9713/my-agent-skills --skill test-regression-az9713

SYSTEM DOCUMENTATION & REQUIREMENTS

What problem does it solve?

Automates detection of UI regressions by comparing the current page state to stored baselines, reducing manual checks and catching visual and structural drift early.

Core Features & Use Cases

  • Baseline capture: create a reference snapshot for future comparisons.
  • Two-mode operation: baseline mode to establish baselines and comparison mode to detect changes.
  • Diff reporting: generate clear reports highlighting added, removed, or changed elements, and performance variations.

Quick Start

Run the regression skill with a URL to create a baseline or compare the current state against an existing baseline.

Frequently Asked Questions about test-regression

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

FAQPage Schema
How do I detect UI regressions across releases?▼

Detect UI regressions by comparing current page states against stored baselines. The tool operates in a two-mode workflow, capturing baseline snapshots first and then running comparison checks to identify structural, visual, or performance drift across subsequent releases.

What is visual regression testing and how do baseline comparisons work?▼

Visual regression testing identifies unintended changes by comparing a current UI snapshot to a stored baseline. Baseline comparisons work by capturing a reference state, then evaluating new page states against that baseline to report added, removed, or changed elements.

How do I create a baseline and run visual regression comparisons?▼

Create a baseline by running the tool in baseline mode against a target URL to establish a reference snapshot. Run visual regression comparisons by switching to comparison mode for that same URL, which evaluates the current state against the stored baseline and outputs diff reports.

Can I use Playwright for UI testing and baseline regression checks?▼

Yes, you can use Playwright for UI testing and baseline regression checks. The skill integrates baseline capture and comparison workflows to detect structural and visual changes, making it applicable for Playwright-driven UI testing scenarios across different pages.

What do regression diff reports show when page states change?▼

Regression diff reports show added, removed, or changed elements alongside performance variations. When page states change, the comparison mode evaluates the current UI against the stored baseline and generates a clear report highlighting the specific structural and visual differences.

Related Skills

Explore More Software Engineering Skills→
concept2cureconcept2cure

canary

Monitor live web apps for console errors, performance regressions, and page failures.

Community
Advanced
nickhou1983nickhou1983
4

playwright-visual

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

Community
Advanced
abhishekdutta18abhishekdutta18

browser-qa

Automate visual, functional, and accessibility testing of web pages.

Community
Intermediate
samjhechtsamjhecht
4

frontend-visual-regression-testing

Compare UI component screenshots against baselines to detect visual regressions.

Community
Advanced