community-automations/screenshot-analyzer

DevOps i kod

PublicSubagent Claude

Analizator Zrzutów Ekranu

Wizualne bugi umykają testom, bo technicznie nic nie wyrzuca błędu; strona po prostu wygląda źle. Ten analyzer renderuje dowolny URL i przegląda go tak, jak zrobiłby to człowiek.

sonnet3 dniURLboxOpenAI VisionSlackS3
ClaudeClaude
ROI for
README.md

Dlaczego ten subagent

Wizualne bugi umykają testom, bo technicznie nic nie wyrzuca błędu; strona po prostu wygląda źle. Ten analyzer renderuje dowolny URL i przegląda go tak, jak zrobiłby to człowiek.

Robi pełnostronicowy screenshot przez URLbox, podaje go modelowi wizyjnemu z Twoją listą kontrolną i flaguje przepełnienia, uszkodzone obrazki i słaby kontrast ze wskazaniem miejsca na stronie. Dostajesz ustrukturyzowaną listę znalezisk plus screenshot, przydatne przy przeglądach QA lub monitorowaniu żywej strony w czasie.

Jak działa

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

Przykładowe wyjście

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.