community-automations/visual-regression

Araştırma ve İstihbarat

PublicClaude otomasyonu

Görsel Regresyon Testi

Başarısız bir deploy bir hero görselini ekran dışına itebilir ya da bir fiyat tablosunu bozabilir; bunu bir müşteri fark edene kadar kimse görmez. Bu test sayfalarınızın ekran görüntüsünü belirli aralıklarla alır.

sonnet4 günApifyPlaywrightGPT-4 VisionSlack
ClaudeClaude
ROI for
README.md

Bu otomasyon neden işinize yarar

Başarısız bir deploy bir hero görselini ekran dışına itebilir ya da bir fiyat tablosunu bozabilir; bunu bir müşteri fark edene kadar kimse görmez. Bu test sayfalarınızın ekran görüntüsünü belirli aralıklarla alır.

Her görüntüyü onaylı bir referansla karşılaştırır, sonra bir görsel modele değişikliğin gerçek bir bozulma mı yoksa beklenen içerik mi olduğunu sorar. Fark görseli ve kararla birlikte bir Slack bildirimi alırsınız; göz ardı edilebilir kaymalar elenir, böylece kanal güvenilir kalır.

Nasıl çalışır

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

Örnek çıktı

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.