community-automations/screenshot-analyzer

DevOps & Kode

PublicSubagen Claude

Analisis Screenshot

Bug visual lolos dari tes karena secara teknis tidak ada yang error; halamannya hanya terlihat salah. Analyzer ini merender URL apa pun dan memeriksanya seperti yang dilakukan manusia.

sonnet3 hariURLboxOpenAI VisionSlackS3
ClaudeClaude
ROI for
README.md

Mengapa subagent ini

Bug visual lolos dari tes karena secara teknis tidak ada yang error; halamannya hanya terlihat salah. Analyzer ini merender URL apa pun dan memeriksanya seperti yang dilakukan manusia.

Ia mengambil screenshot seluruh halaman melalui URLbox, menyerahkannya ke model vision beserta checklist audit Anda, lalu menandai overflow, gambar rusak, dan kontras lemah lengkap dengan lokasinya di halaman. Anda mendapat daftar temuan terstruktur plus screenshot-nya, berguna untuk sweep QA atau memantau halaman live dari waktu ke waktu.

Cara kerjanya

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

Contoh output

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.