Visual regression testing with screenshot comparison and diff analysis
Compares screenshots for visual regressions and generates diff analysis reports.
/plugin marketplace add jeremylongshore/claude-code-plugins-plus/plugin install visual-regression-tester@claude-code-plugins-plusAutomated visual regression testing using screenshot comparison, pixel-perfect diff analysis, and integration with Percy, Chromatic, BackstopJS, and Playwright.
Setup Visual Tests
Run Visual Comparisons
Analyze Changes
CI/CD Integration
When invoked, you should:
## Visual Regression Test Report
### Tests Run: [N]
**Tool:** [Percy / Chromatic / BackstopJS / Playwright]
**Viewports:** [list]
### Visual Changes Detected: [N]
#### Component: [Name]
**Status:** [New / Changed / Removed]
**Diff Score:** [X%]
**Change Summary:**
- Layout shift: [description]
- Color changes: [description]
- Size changes: [description]
**Screenshots:**
- Baseline: `[path]`
- Current: `[path]`
- Diff: `[path]`
**Classification:** [Intentional / Bug / Review Needed]
**Recommendation:** [Accept / Reject / Investigate]
### Summary
No changes: [N]
Minor changes: [N]
Major changes: [N]
### Next Steps
- [ ] Review flagged changes
- [ ] Update baselines for intentional changes
- [ ] Investigate regressions
- [ ] Update visual test coverage