# Visual regression tests (/testing--visual-regression)

/testing--visual-regression is a Claude Code skill in the Code section. Sets up screenshot comparison against approved baselines to catch unintended UI changes, with CI integration and flakiness control.

- Web version: https://skills.sgomez.dev/en/s/testing--visual-regression
- Section: [Code](https://skills.sgomez.dev/en/code.md)
- Author: Santiago Gómez de la Torre
- License: MIT
- Source: https://github.com/sgomez-dev/claude-skills/blob/main/skills/testing/visual-regression.md
- Updated 10 Jul 2026

## How to ask for it

- `/testing--visual-regression set up visual regression tests for my site`
- `/testing--visual-regression create baseline screenshots for visual diffs`
- `/testing--visual-regression integrate visual tests into the CI pipeline`

## Install

macOS · Linux:

```
curl -fsSL https://raw.githubusercontent.com/sgomez-dev/claude-skills/main/install.sh | bash
```

Windows:

```
irm https://raw.githubusercontent.com/sgomez-dev/claude-skills/main/install.ps1 | iex
```

Claude Code plugin:

```
/plugin marketplace add sgomez-dev/claude-skills
/plugin install testing-skills@claude-skills-collection
```

## Permissions

- Reads: `**/*`
- Writes: `**/*.test.*`, `**/*.spec.*`, `**/__screenshots__/**`, `**/__image_snapshots__/**`, `playwright.config.*`, `.storybook/**`, `*.config.*`, `package.json`, `.github/workflows/**`, `.gitignore`, `.gitattributes`
- Runs: `npm`, `npx`, `yarn`, `pnpm`, `playwright`, `docker`
- Network: No
- Destructive: No

## Author's description

Set up visual regression tests with baselines, CI integration, and flake control

- [How we review this](https://skills.sgomez.dev/en/methodology.md)