qa-visual-regression plugin
Visual regression testing with Percy, Chromatic, Playwright screenshots and Storybook, plus chart rendering tests for Chart.js, D3 and Vega. Covers responsive breakpoint matrices, baseline conventions, and a binding baseline gate. Agents (visual-diff-classifier, visual-baseline-curator) sort diffs into intentional, incidental or regression and propose an initial baseline set.
How to install the qa-visual-regression plugin
Run both commands inside Claude Code. The first adds the marketplace once; the second installs the plugin.
/plugin marketplace add testland/qa
/plugin install qa-visual-regression@testland-qaWhat's inside qa-visual-regression
9 parts read from the plugin's own files.
Agents 2
Call as @agent-qa-visual-regression:name- @agent-qa-visual-regression:visual-baseline-curatorsonnet
Use proactively whenever a project starts visual regression testing or its baseline set needs an audit. Proposes a coverage-optimal baseline set for Storybook or app pages and writes the Chromatic, Percy, Playwright or Storybook test-runner config.
- @agent-qa-visual-regression:visual-diff-classifiersonnet
Use proactively whenever a Percy, Chromatic or Playwright visual build is about to be accepted. Classifies each diff as intentional, incidental or regression with a reason and action, and on large builds clusters diffs by component or route so reviewers check the right screenshots.
Skills 7
Claude loads it when the task matches- chart-render-tests
No description in the file.
- chromatic-visual-regression-testing
No description in the file.
- percy-visual-regression-testing
No description in the file.
- playwright-snapshots
No description in the file.
- storybook-visual-regression-testing
No description in the file.
- visual-baseline-conventions
No description in the file.
- visual-baseline-gate
No description in the file.
Using qa-visual-regression in Claude Code
Ask for an agent by name:
@agent-qa-visual-regression:visual-baseline-curator
@agent-qa-visual-regression:visual-diff-classifierSkills need no command. Claude reads them when your request matches what they describe.
Update, turn off or remove
- Update the plugin (shell)
- claude plugin update qa-visual-regression@testland-qa
- Refresh the marketplace
- /plugin marketplace update testland-qa
- Turn it off for now
- /plugin disable qa-visual-regression@testland-qa
- Remove it
- /plugin uninstall qa-visual-regression@testland-qa
qa-visual-regression plugin questions
How do I install the qa-visual-regression plugin?
In Claude Code run /plugin marketplace add testland/qa, then /plugin install qa-visual-regression@testland-qa.
What does the qa-visual-regression plugin include?
qa-visual-regression bundles 2 agents, 7 skills.
Which agents come with qa-visual-regression?
visual-baseline-curator, visual-diff-classifier. Call one with @agent-qa-visual-regression:visual-baseline-curator.
How do I update or remove the qa-visual-regression plugin?
Update it with claude plugin update qa-visual-regression@testland-qa in your shell, or from the Installed tab of /plugin. Remove it with /plugin uninstall qa-visual-regression@testland-qa.
What license is the qa-visual-regression plugin under?
MIT, as stated in the plugin's manifest.