visual-regression-upgrade

Community

Automate visual regression testing between environments.

Authormuskie9
Version1.0.0
Installs0

System Documentation

What problem does it solve?

This Skill automates visual regression testing between two web environments, ensuring that web applications look identical after upgrades or changes.

Core Features & Use Cases

  • Visual Regression Testing: Capture screenshots of web pages in two environments and generate pixel-diff reports.
  • Comparative Analysis: Identify visual differences between production and upgraded environments (e.g., production vs UAT, local vs local upgraded).
  • Use Case: Before deploying a major version upgrade, use this Skill to ensure that the front-end of the application remains consistent and free of layout issues.

Quick Start

Use the visual-regression-upgrade skill to compare the visual appearance of 'https://www.example.com' against 'https://uat.example.com'.

Dependency Matrix

Required Modules

playwrightpillownumpyrequests

Components

scriptsreferencesassets

💻 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-upgrade
Download link: https://github.com/muskie9/agents/archive/main.zip#visual-regression-upgrade

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.