community-automations/screenshot-analyzer

DevOps & Code

PublicSous-agent Claude

Analyseur de captures d'écran

Les bugs visuels passent au travers des tests parce que rien ne plante techniquement ; la page a juste l'air fausse. Cet analyseur affiche n'importe quelle URL et la passe en revue comme le ferait une personne.

sonnet3 joursURLboxOpenAI VisionSlackS3
ClaudeClaude
ROI for
README.md

Pourquoi ce sous-agent

Les bugs visuels passent au travers des tests parce que rien ne plante techniquement ; la page a juste l'air fausse. Cet analyseur affiche n'importe quelle URL et la passe en revue comme le ferait une personne.

Il capture une image pleine page via URLbox, la confie à un modèle de vision avec votre checklist d'audit, et signale les débordements, les images cassées et les contrastes faibles avec leur position sur la page. Vous obtenez une liste structurée de constats plus la capture, utile pour des passes de QA ou pour surveiller une page en ligne dans le temps.

Comment il s'exécute

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

Exemple de sortie

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.