community-automations/visual-regression

Recherche & Veille

PublicSous-agent Claude

Testeur de régression visuelle

Un déploiement raté peut faire sortir une image de héros de l'écran ou casser une grille de tarifs, et personne ne le remarque avant un client. Ce testeur prend des captures de vos pages à intervalle régulier.

sonnet4 joursApifyPlaywrightGPT-4 VisionSlack
ClaudeClaude
ROI for
README.md

Pourquoi ce sous-agent

Un déploiement raté peut faire sortir une image de héros de l'écran ou casser une grille de tarifs, et personne ne le remarque avant un client. Ce testeur prend des captures de vos pages à intervalle régulier.

Il compare chaque capture à une référence approuvée, puis demande à un modèle de vision si un changement est une vraie casse ou un contenu attendu. Vous recevez une alerte Slack avec l'image du diff et un verdict, et les variations sans importance sont filtrées pour que le canal reste fiable.

Comment il s'exécute

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

Exemple de sortie

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.