/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.

Author's description

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

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

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

After installing with the script, type /testing--visual-regression. Using Cursor, Windsurf or Codex? Platform guides

Demo coming soon

/utils--benchmarkReliable code benchmarks
Builds a benchmark with warmup, repetition and statistics to measure or compare performance, optionally with a CI regression gate.
Built here
/utils--convertData format conversion
Converts data between JSON, YAML, TOML, XML, CSV and ENV, or into TypeScript interfaces, JSON Schema or Zod, and validates the output.
Built here
/utils--cron-explainCron expressions explained
Turns a schedule description into a cron expression, or explains an existing one in plain English, with the next 5 run times and common pitfalls.
Built here
/utils--dep-updateSafe dependency updates
Lists outdated dependencies, sorts them into patch, minor and major, checks breaking changes and updates in batches, running tests.
Built here
/utils--env-setupEnvironment variables setup
Finds every environment variable your code uses and generates a .env.example, a validation schema and a config module that fails fast.
Built here
/utils--eslint-configESLint setup
Generates or tunes your ESLint config for TypeScript, React or Node, with rules, ignores, lint scripts and a pre-commit hook.
Built here

How to ask for it

Install

More from this section