En misslyckad deploy kan knuffa en hero-bild utanför skärmen eller slå sönder en pristabell, och ingen märker det förrän en kund gör det. Den här testaren skärmbildar dina sidor enligt schema.
sonnet4 dagarApifyPlaywrightGPT-4 VisionSlack
Claude
63ROI
63Scale
$1.6k81Saved
ROI for
README.md
Varför denna subagent
En misslyckad deploy kan knuffa en hero-bild utanför skärmen eller slå sönder en pristabell, och ingen märker det förrän en kund gör det. Den här testaren skärmbildar dina sidor enligt schema.
Den diffar varje bild mot en godkänd baseline och frågar sedan en vision-modell om en ändring är verkligt trasig eller väntat innehåll. Du får ett Slack-larm med diff-bilden och ett utlåtande, och skiften som kan ignoreras filtreras bort så att kanalen förblir pålitlig.
Så kör den
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.
Jämför varje ny bild mot den godkända baseline på pixel- och layoutnivå.
pending
Skickar verkliga skillnader till en vision-modell som avgör om de är trasiga eller väntade.
pending
Larmar i Slack med diff-bilden och ett utlåtande, och hoppar över ändringar som kan ignoreras.
pending
Exempel på output
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.