testing-visual-regression
Description
Detect visual changes in UI components using screenshot comparison.
How to Use
- Visit the GitHub repository to get the SKILL.md file
- Copy the file to your project root or .cursor/rules directory
- Restart your AI assistant or editor to apply the new skill
Full Skill Documentation
name
testing-visual-regression
version
1.0.0
description
Detect visual changes in UI components using screenshot comparison. Use when detecting unintended UI changes or pixel differences. Trigger with phrases like "test visual changes", "compare screenshots", or "detect UI regressions".
allowed-tools
Read, Write, Edit, Grep, Glob, Bash(test:visual-*)
license
MIT
author
Jeremy Longshore <jeremy@intentsolutions.io>
Tags
Related Skills
webapp-testing
Toolkit for interacting with and testing local web applications using Playwright.
systematic-debugging
Use when encountering any bug, test failure, or unexpected behavior, before proposing fixes.
test-driven-development
Use when implementing complex logic that needs test coverage - write the test first, watch it fail.
e2e-testing-patterns
Master end-to-end testing with Playwright and Cypress to build reliable test suites that catch bugs.
bats-testing-patterns
Master Bash Automated Testing System (Bats) for comprehensive shell script testing.