community-automations/screenshot-analyzer

DevOps & Kod

PublicClaude-subagent

Skärmdumpsanalysator

Visuella buggar slinker förbi tester eftersom inget tekniskt fallerar; sidan ser bara fel ut. Den här analysatorn renderar vilken URL som helst och granskar den så som en människa skulle göra.

sonnet3 dagarURLboxOpenAI VisionSlackS3
ClaudeClaude
ROI for
README.md

Varför denna subagent

Visuella buggar slinker förbi tester eftersom inget tekniskt fallerar; sidan ser bara fel ut. Den här analysatorn renderar vilken URL som helst och granskar den så som en människa skulle göra.

Den fångar en helsidesskärmbild via URLbox, lämnar den till en visionsmodell med din granskningschecklista och flaggar överflöd, trasiga bilder och svag kontrast med stället på sidan. Du får en strukturerad lista över fynd plus skärmbilden, användbar för QA-svep eller för att bevaka en live-sida över tid.

Så kör den

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

Exempel på 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.