community-automations/visual-regression

Έρευνα & Intel

PublicΥποπράκτορας Claude

Δοκιμαστής Οπτικής Παλινδρόμησης

Μια αποτυχημένη ανάπτυξη μπορεί να σπρώξει μια εικόνα hero εκτός οθόνης ή να σπάσει έναν πίνακα τιμών, και κανείς δεν το παίρνει είδηση μέχρι να το δει ένας πελάτης. Αυτός ο ελεγκτής τραβά στιγμιότυπα των σελίδων σου σε τακτά χρονικά διαστήματα.

sonnet4 ημέρεςApifyPlaywrightGPT-4 VisionSlack
ClaudeClaude
ROI for
README.md

Γιατί αυτός ο subagent

Μια αποτυχημένη ανάπτυξη μπορεί να σπρώξει μια εικόνα hero εκτός οθόνης ή να σπάσει έναν πίνακα τιμών, και κανείς δεν το παίρνει είδηση μέχρι να το δει ένας πελάτης. Αυτός ο ελεγκτής τραβά στιγμιότυπα των σελίδων σου σε τακτά χρονικά διαστήματα.

Συγκρίνει κάθε λήψη με μια εγκεκριμένη βάση αναφοράς και στη συνέχεια ρωτά ένα μοντέλο όρασης αν μια αλλαγή είναι πραγματικό σπάσιμο ή αναμενόμενο περιεχόμενο. Παίρνεις μια ειδοποίηση στο 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.