community-automations/screenshot-analyzer

DevOps & Kode

PublicClaude-subagent

Skjermbilde-analysator

Visuelle feil slipper forbi testene fordi ingenting teknisk feiler; siden bare ser feil ut. Denne analysatoren rendrer hvilken som helst URL og gjennomgår den slik et menneske ville gjort.

sonnet3 dagerURLboxOpenAI VisionSlackS3
ClaudeClaude
ROI for
README.md

Hvorfor denne subagenten

Visuelle feil slipper forbi testene fordi ingenting teknisk feiler; siden bare ser feil ut. Denne analysatoren rendrer hvilken som helst URL og gjennomgår den slik et menneske ville gjort.

Den tar et helsides skjermbilde via URLbox, gir det til en visjonsmodell sammen med revisjonssjekklisten din, og flagger overflyt, ødelagte bilder og svak kontrast med stedet på siden. Du får en strukturert funnliste pluss skjermbildet, nyttig for QA-runder eller for å følge med på en live-side over tid.

Slik kjører den

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

Eksempel på 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.