community-automations/visual-regression

Research & intel

PublicClaude-subagent

Visuele-regressietester

Een mislukte deploy kan een hero-afbeelding van het scherm duwen of een prijstabel breken, en niemand merkt het tot een klant het doet. Deze tester maakt op een vast schema schermafbeeldingen van je pagina's.

sonnet4 dagenApifyPlaywrightGPT-4 VisionSlack
ClaudeClaude
ROI for
README.md

Waarom deze subagent

Een mislukte deploy kan een hero-afbeelding van het scherm duwen of een prijstabel breken, en niemand merkt het tot een klant het doet. Deze tester maakt op een vast schema schermafbeeldingen van je pagina's.

Het vergelijkt elke opname met een goedgekeurde baseline en vraagt vervolgens aan een vision-model of een wijziging echte breuk is of verwachte inhoud. Je krijgt een Slack-melding met de diff-afbeelding en een oordeel, en negeerbare verschuivingen worden eruit gefilterd zodat het kanaal betrouwbaar blijft.

Hoe hij werkt

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

Voorbeelduitvoer

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.