실패한 배포는 히어로 이미지를 화면 밖으로 밀어내거나 가격표를 깨뜨릴 수 있고, 고객이 알아챌 때까지 아무도 눈치채지 못합니다. 이 테스터는 정해진 일정에 따라 페이지의 스크린샷을 찍습니다.
sonnet4일ApifyPlaywrightGPT-4 VisionSlack
Claude
63ROI
63Scale
$1.6k81Saved
ROI for
README.md
왜 이 서브에이전트인가
실패한 배포는 히어로 이미지를 화면 밖으로 밀어내거나 가격표를 깨뜨릴 수 있고, 고객이 알아챌 때까지 아무도 눈치채지 못합니다. 이 테스터는 정해진 일정에 따라 페이지의 스크린샷을 찍습니다.
각 캡처를 승인된 기준선과 비교한 뒤, 비전 모델에게 해당 변경이 실제 오류인지 예상된 콘텐츠 변경인지 물어봅니다. diff 이미지와 판정 결과가 담긴 Slack 알림을 받게 되며, 무시해도 될 변화는 걸러내어 채널의 신뢰도를 유지합니다.
작동 방식
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.
새로 찍힌 스크린샷을 픽셀 및 레이아웃 수준에서 승인된 기준 이미지와 비교합니다.
pending
실제 변경 사항을 비전 모델에 전달해 버그인지 정상적인 변경인지 판단합니다.
pending
변경 사항 이미지와 판정을 Slack으로 알리고, 무시할 수 있는 변화는 건너뜁니다.
pending
샘플 출력
json
// Sample output
// (generated when the pipeline finishes)
Compare the new screenshot to baseline and return {changed: bool, severity, region, likely_cause}; ignore dynamic content zones marked in config.
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.