community-automations/screenshot-analyzer

DevOps і код

PublicСубагент Claude

Аналізатор скріншотів

Візуальні баги проскакують повз тести, бо технічно нічого не падає — сторінка просто виглядає криво. Цей аналізатор рендерить будь-який URL і переглядає його так, як це зробила б людина.

sonnet3 дніURLboxOpenAI VisionSlackS3
ClaudeClaude
ROI for
README.md

Чому цей субагент

Візуальні баги проскакують повз тести, бо технічно нічого не падає — сторінка просто виглядає криво. Цей аналізатор рендерить будь-який URL і переглядає його так, як це зробила б людина.

Він робить повносторінковий скріншот через URLbox, передає його візійній моделі з вашим чеклистом аудиту і позначає переповнення, биті зображення та слабкий контраст із привʼязкою до місця на сторінці. Ви отримуєте структурований список знахідок плюс скріншот — зручно для QA-прогонів або моніторингу живої сторінки з часом.

Як він працює

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

Приклад результату

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.