qa-visual-regression プラグイン
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.
qa-visual-regression プラグインのインストール方法
両方のコマンドを Claude Code 内で実行してください。最初のコマンドで marketplace を一度追加し、2 番目のコマンドでプラグインをインストールします。
/plugin marketplace add testland/qa
/plugin install qa-visual-regression@testland-qaqa-visual-regression の内容
プラグイン自身のファイルから読み込まれた 9 個のパーツ です。
Agent 2
@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.
SKILL 7
タスクが一致したときに Claude が読み込みます- chart-render-tests
ファイルに説明がありません。
- chromatic-visual-regression-testing
ファイルに説明がありません。
- percy-visual-regression-testing
ファイルに説明がありません。
- playwright-snapshots
ファイルに説明がありません。
- storybook-visual-regression-testing
ファイルに説明がありません。
- visual-baseline-conventions
ファイルに説明がありません。
- visual-baseline-gate
ファイルに説明がありません。
Claude Code での qa-visual-regression の使用方法
Agent を名前で指定してください:
@agent-qa-visual-regression:visual-baseline-curator
@agent-qa-visual-regression:visual-diff-classifierSKILL にコマンドは不要です。リクエストが説明と一致したときに Claude が読み込みます。
更新、オフ、または削除
- プラグインを更新 (shell)
- claude plugin update qa-visual-regression@testland-qa
- marketplace を更新
- /plugin marketplace update testland-qa
- 一時的にオフにする
- /plugin disable qa-visual-regression@testland-qa
- 削除する
- /plugin uninstall qa-visual-regression@testland-qa
qa-visual-regression プラグインに関する質問
qa-visual-regression プラグインをインストールするにはどうすればよいですか。
Claude Code で /plugin marketplace add testland/qa を実行し、続いて /plugin install qa-visual-regression@testland-qa を実行します。
qa-visual-regression プラグインには何が含まれていますか。
qa-visual-regression には 2 件のエージェント, 7 件のスキル が含まれています。
qa-visual-regression にはどの Agent が含まれていますか？
visual-baseline-curator, visual-diff-classifier です。@agent-qa-visual-regression:visual-baseline-curator で呼び出せます。
qa-visual-regression プラグインを更新または削除するにはどうすればよいですか？
shell で claude plugin update qa-visual-regression@testland-qa を使用して更新するか、/plugin の Installed タブから行ってください。削除するには /plugin uninstall qa-visual-regression@testland-qa を使用してください。
qa-visual-regression プラグインのライセンスは何ですか？
プラグインのマニフェストに記載されている MIT です。