community-automations/screenshot-analyzer

DevOps & Kode

PublicClaude-subagent

Screenshot-analysator

Visuelle bugs smutter forbi tests, fordi intet teknisk set fejler; siden ser bare forkert ud. Denne analyzer renderer enhver URL og gennemgår den, som et menneske ville.

sonnet3 dageURLboxOpenAI VisionSlackS3
ClaudeClaude
ROI for
README.md

Hvorfor denne subagent

Visuelle bugs smutter forbi tests, fordi intet teknisk set fejler; siden ser bare forkert ud. Denne analyzer renderer enhver URL og gennemgår den, som et menneske ville.

Den tager et fuldsides-screenshot via URLbox, giver det til en vision-model med din audit-tjekliste og flager overflow, ødelagte billeder og svag kontrast med stedet på siden. Du får en struktureret fundliste plus screenshotet, nyttig til QA-gennemgange eller til at holde øje med en live side over tid.

Sådan kører 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.

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