community-automations/screenshot-analyzer

DevOps & koodi

PublicClaude-subagentti

Kuvakaappausanalysoija

Visuaaliset bugit livahtavat testien ohi, koska mikään ei tuota teknistä virhettä; sivu vain näyttää väärältä. Tämä analysaattori renderöi minkä tahansa URL:n ja tarkastelee sitä niin kuin ihminen tekisi.

sonnet3 päivääURLboxOpenAI VisionSlackS3
ClaudeClaude
ROI for
README.md

Miksi tämä subagentti

Visuaaliset bugit livahtavat testien ohi, koska mikään ei tuota teknistä virhettä; sivu vain näyttää väärältä. Tämä analysaattori renderöi minkä tahansa URL:n ja tarkastelee sitä niin kuin ihminen tekisi.

Se ottaa koko sivun kattavan kuvakaappauksen URLboxin kautta, antaa sen visiomallille tarkistuslistasi kera ja merkitsee ylivuodot, rikkinäiset kuvat ja heikon kontrastin sekä niiden kohdan sivulla. Saat jäsennellyn havaintoluettelon sekä kuvakaappauksen, mistä on hyötyä QA-lakaisuissa tai live-sivun seuraamisessa ajan myötä.

Kuinka se toimii

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

Näyteulostulo

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.