community-automations/visual-regression

リサーチ＆インテリジェンス

PublicClaude サブエージェント

ビジュアル回帰テストツール

デプロイの失敗でヒーロー画像が画面外にずれたり、料金表が崩れたりしても、顧客が指摘するまで誰も気づかないものです。このテスターはスケジュールに従ってページのスクリーンショットを撮影します。

sonnet4 日以内ApifyPlaywrightGPT-4 VisionSlack
ClaudeClaude
ROI for
README.md

このサブエージェントを選ぶ理由

デプロイの失敗でヒーロー画像が画面外にずれたり、料金表が崩れたりしても、顧客が指摘するまで誰も気づかないものです。このテスターはスケジュールに従ってページのスクリーンショットを撮影します。

各キャプチャを承認済みのベースラインと比較し、その変更が実際の障害か、想定内のコンテンツ変更かをビジョンモデルに判定させます。差分画像と判定結果を添えた Slack アラートが届き、無視できる変化は除外されるため、チャンネルの信頼性は保たれます。

動作の流れ

    • Read

      Used at step 01 to kick off the pipeline.

    • Write

      Used at step 01 to kick off the pipeline.

    • WebFetch

      Used at step 01 to kick off the pipeline.

    • WebSearch

      Used at step 01 to kick off the pipeline.

出力サンプル

json
// Sample output
// (generated when the pipeline finishes)

Compare the new screenshot to baseline and return {changed: bool, severity, region, likely_cause}; ignore dynamic content zones marked in config.

Unlock the rest

The full agent definition, install snippet, and starter task are gated for community members.

Members get the full `.md` agent file, the npm / pnpm install one-liners, a starter prompt that we've tuned against real runs, and the open-source repo when this automation ships there. One email, magic link, done.