community-automations/screenshot-analyzer

DevOps & code

PublicClaude-subagent

Screenshot-analyzer

Visuele bugs glippen langs tests omdat er technisch niets fout gaat; de pagina ziet er gewoon verkeerd uit. Deze analyzer rendert elke URL en bekijkt die zoals een mens dat zou doen.

sonnet3 dagenURLboxOpenAI VisionSlackS3
ClaudeClaude
ROI for
README.md

Waarom deze subagent

Visuele bugs glippen langs tests omdat er technisch niets fout gaat; de pagina ziet er gewoon verkeerd uit. Deze analyzer rendert elke URL en bekijkt die zoals een mens dat zou doen.

Hij maakt een full-page screenshot via URLbox, geeft die aan een vision-model met je audit-checklist en markeert overflow, kapotte afbeeldingen en zwak contrast, met de plek op de pagina erbij. Je krijgt een gestructureerde lijst met bevindingen plus de screenshot, handig voor QA-rondes of om een live pagina in de gaten te houden.

Hoe hij werkt

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

Voorbeelduitvoer

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.