Skills
.Work. You
Rest

visual-regression-tester

Community

Catch UI bugs with screenshots.

Software Engineering#frontend#playwright#ui testing#visual regression#screenshot#css changes
Authormouayadakel
Version1.0.0
Installs0

System Documentation

What problem does it solve?

This Skill helps ensure that user interface changes do not introduce unintended visual regressions by comparing screenshots of UI components and views.

Core Features & Use Cases

  • Automated UI Testing: Integrates with Playwright for screenshot generation and comparison.
  • Viewport Testing: Supports testing across different screen sizes (desktop, mobile).
  • Use Case: After updating CSS styles for a product listing page, use this Skill to automatically generate screenshots and compare them against a baseline to verify that the layout and appearance remain consistent.

Quick Start

Use the visual-regression-tester skill to check for visual changes on the main dashboard page.

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: visual-regression-tester
Download link: https://github.com/mouayadakel/flixCamFinal/archive/main.zip#visual-regression-tester

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.