community-automations/screenshot-analyzer

DevOps ve Kod

PublicClaude otomasyonu

Ekran Görüntüsü Analizci

Görsel hatalar testlerden sıyrılır, çünkü teknik olarak hiçbir şey hata vermez; sayfa sadece yanlış görünür. Bu analizci herhangi bir URL'yi render eder ve onu bir insanın bakacağı gibi inceler.

sonnet3 günURLboxOpenAI VisionSlackS3
ClaudeClaude
ROI for
README.md

Bu otomasyon neden işinize yarar

Görsel hatalar testlerden sıyrılır, çünkü teknik olarak hiçbir şey hata vermez; sayfa sadece yanlış görünür. Bu analizci herhangi bir URL'yi render eder ve onu bir insanın bakacağı gibi inceler.

URLbox üzerinden tam sayfa bir ekran görüntüsü yakalar, denetim kontrol listenizle birlikte bir görme modeline verir ve taşmayı, bozuk görselleri ve zayıf kontrastı sayfadaki noktasıyla işaretler. Ekran görüntüsünün yanında yapılandırılmış bir bulgu listesi elde edersiniz; QA taramaları için ya da canlı bir sayfayı zaman içinde izlemek için işe yarar.

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)

Given a URL and viewport, capture a screenshot and return a JSON findings list of visual issues with element locations and severity.

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.