community-automations/screenshot-analyzer

DevOps & Κώδικας

PublicΥποπράκτορας Claude

Αναλυτής Στιγμιότυπων Οθόνης

Τα οπτικά bugs ξεφεύγουν από τα tests επειδή τίποτα τεχνικά δεν εμφανίζει σφάλμα· η σελίδα απλά φαίνεται λάθος. Αυτός ο analyzer κάνει render οποιοδήποτε URL και τον εξετάζει όπως θα έκανε ένας άνθρωπος.

sonnet3 ημέρεςURLboxOpenAI VisionSlackS3
ClaudeClaude
ROI for
README.md

Γιατί αυτός ο subagent

Τα οπτικά bugs ξεφεύγουν από τα tests επειδή τίποτα τεχνικά δεν εμφανίζει σφάλμα· η σελίδα απλά φαίνεται λάθος. Αυτός ο analyzer κάνει render οποιοδήποτε URL και τον εξετάζει όπως θα έκανε ένας άνθρωπος.

Τραβάει screenshot πλήρους σελίδας μέσω του URLbox, το δίνει σε ένα vision model με τη λίστα ελέγχου σου και επισημαίνει overflow, σπασμένες εικόνες και ασθενή αντίθεση με το σημείο στη σελίδα. Παίρνεις μια δομημένη λίστα ευρημάτων μαζί με το screenshot, χρήσιμο για σαρώσεις 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.