community-automations/screenshot-analyzer

DevOps e codice

PublicSubagent Claude

Analizzatore di screenshot

I bug visivi sfuggono ai test perché tecnicamente non va in errore niente; è solo la pagina che sembra sbagliata. Questo analyzer renderizza qualsiasi URL e lo esamina come farebbe una persona.

sonnet3 giorniURLboxOpenAI VisionSlackS3
ClaudeClaude
ROI for
README.md

Perché questo subagent

I bug visivi sfuggono ai test perché tecnicamente non va in errore niente; è solo la pagina che sembra sbagliata. Questo analyzer renderizza qualsiasi URL e lo esamina come farebbe una persona.

Cattura uno screenshot a pagina intera con URLbox, lo passa a un modello di visione con la tua checklist di audit e segnala overflow, immagini rotte e contrasto debole, indicando il punto esatto sulla pagina. Ottieni un elenco strutturato di rilievi più lo screenshot, utile per i giri di QA o per tenere d'occhio una pagina live nel tempo.

Come gira

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

Esempio di 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.