Can this be integrated into a CI/CD pipeline?

Absolutely; it is designed to automate visual checks as part of a continuous integration workflow to catch UI bugs before they reach production.

Which testing tools does this skill support?

It integrates with popular visual testing platforms like Percy, Chromatic, and BackstopJS to handle screenshot capture and comparison.

What triggers this skill in Claude Code?

You can activate it using natural language phrases like 'visual test' or 'check UI changes', as well as the specific command '/visual-test'.

Can I use this for mobile viewports?

Yes, the skill can be configured to test specific viewport sizes to ensure your responsive design remains intact across various devices.

How does it handle false positives in UI changes?

By maintaining accurate baseline images and providing detailed diff analysis, it helps developers distinguish between intentional updates and unintended regressions.

Visual Regression Tester

Name: Visual Regression Tester
Author: BbgnsurfTech

byBbgnsurfTech

•

セキュリティとテスト

Automates UI visual comparisons and detects unintended frontend regressions using industry-standard testing tools.

This skill empowers Claude to perform automated visual regression testing by capturing screenshots of web applications and comparing them against established baselines. By integrating with popular tools like Percy, Chromatic, and BackstopJS, it helps developers identify unintended UI changes, verify cross-browser consistency, and ensure design integrity across different screen sizes and environments throughout the development lifecycle.

主な機能

01Integration with Percy, Chromatic, and BackstopJS

02Viewport-specific testing for responsive design

03Baseline comparison and visual diff analysis

043 GitHub stars

05Automated UI screenshot capture

06Multi-browser visual consistency checks

ユースケース

01Automating visual audits within a CI/CD pipeline

02Ensuring consistent rendering across Chrome, Firefox, and Safari

03Verifying UI stability after a major feature deployment

What are Skills?·How to Install

Install with 🐟 Skill.Fish

npx skillfish add bbgnsurftech/claude-skills-collection visual-regression-tester

For use in Claude.ai and ChatGPT

Download Skill