community-automations/screenshot-analyzer

DevOps a kód

PublicSubagent Claude

Analyzátor screenshotů

Vizuální bugy proklouznou testy, protože technicky nic nespadne; stránka prostě jen vypadá špatně. Tenhle analyzátor vykreslí libovolnou URL a posoudí ji tak, jak by to udělal člověk.

sonnet3 dnyURLboxOpenAI VisionSlackS3
ClaudeClaude
ROI for
README.md

Proč tento subagent

Vizuální bugy proklouznou testy, protože technicky nic nespadne; stránka prostě jen vypadá špatně. Tenhle analyzátor vykreslí libovolnou URL a posoudí ji tak, jak by to udělal člověk.

Přes URLbox zachytí screenshot celé stránky, předá ho vizuálnímu modelu s vaším auditním checklistem a označí přetékání, rozbité obrázky i slabý kontrast – včetně místa na stránce. Získáte strukturovaný seznam nálezů plus screenshot, což se hodí na QA kontroly i na dlouhodobé sledování živé stránky.

Jak běží

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

Ukázkový výstup

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.