Τα οπτικά bugs ξεφεύγουν από τα tests επειδή τίποτα τεχνικά δεν εμφανίζει σφάλμα· η σελίδα απλά φαίνεται λάθος. Αυτός ο analyzer κάνει render οποιοδήποτε URL και τον εξετάζει όπως θα έκανε ένας άνθρωπος.
sonnet3 ημέρεςURLboxOpenAI VisionSlackS3
Claude
89ROI
81Scale
$2.3k90Saved
ROI for
README.md
Γιατί αυτός ο subagent
Τα οπτικά bugs ξεφεύγουν από τα tests επειδή τίποτα τεχνικά δεν εμφανίζει σφάλμα· η σελίδα απλά φαίνεται λάθος. Αυτός ο analyzer κάνει render οποιοδήποτε URL και τον εξετάζει όπως θα έκανε ένας άνθρωπος.
Τραβάει screenshot πλήρους σελίδας μέσω του URLbox, το δίνει σε ένα vision model με τη λίστα ελέγχου σου και επισημαίνει overflow, σπασμένες εικόνες και ασθενή αντίθεση με το σημείο στη σελίδα. Παίρνεις μια δομημένη λίστα ευρημάτων μαζί με το screenshot, χρήσιμο για σαρώσεις QA ή για να παρακολουθείς μια ζωντανή σελίδα στον χρόνο.
Πώς λειτουργεί
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.
Στείλε την εικόνα σε ένα vision model μαζί με το checklist ελέγχου για layout, copy και broken elements.
pending
Επισήμανε προβλήματα όπως overflow, λείποντα images ή θέματα contrast με τη θέση τους στη σελίδα.
pending
Αποθήκευσε το screenshot, επιστρέψε μια δομημένη λίστα ευρημάτων και ανάρτησε ένα summary στο Slack.
pending
Δείγμα εξόδου
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.