community-automations/screenshot-analyzer

DevOps e Código

PublicSubagente Claude

Analisador de Capturas de Ecrã

Os bugs visuais passam despercebidos nos testes porque tecnicamente nada dá erro; a página simplesmente parece errada. Este analisador renderiza qualquer URL e revê-o como uma pessoa faria.

sonnet3 diasURLboxOpenAI VisionSlackS3
ClaudeClaude
ROI for
README.md

Porquê este subagente

Os bugs visuais passam despercebidos nos testes porque tecnicamente nada dá erro; a página simplesmente parece errada. Este analisador renderiza qualquer URL e revê-o como uma pessoa faria.

Captura um screenshot da página inteira através do URLbox, entrega-o a um modelo de visão com a sua checklist de auditoria e sinaliza overflows, imagens quebradas e contraste fraco, indicando o local na página. Obtém uma lista de problemas estruturada mais o screenshot, útil para varreduras de QA ou para vigiar uma página em produção ao longo do tempo.

Como funciona

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

Saída de exemplo

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.