community-automations/screenshot-analyzer

DevOps y Código

PublicSubagente de Claude

Analizador de capturas de pantalla

Los bugs visuales se cuelan entre los tests porque técnicamente nada falla; la página simplemente se ve mal. Este analizador renderiza cualquier URL y la revisa como lo haría una persona.

sonnet3 díasURLboxOpenAI VisionSlackS3
ClaudeClaude
ROI for
README.md

Por qué este subagente

Los bugs visuales se cuelan entre los tests porque técnicamente nada falla; la página simplemente se ve mal. Este analizador renderiza cualquier URL y la revisa como lo haría una persona.

Captura una screenshot de página completa a través de URLbox, se la pasa a un modelo de visión con tu checklist de auditoría y señala desbordamientos, imágenes rotas y contraste flojo con el punto exacto en la página. Recibes una lista estructurada de hallazgos más la screenshot, útil para barridos de QA o para vigilar una página en vivo a lo largo del tiempo.

Cómo se ejecuta

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

Salida de ejemplo

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.