community-automations/visual-regression

리서치 & 인텔

PublicClaude 서브에이전트

시각 회귀 테스터

실패한 배포는 히어로 이미지를 화면 밖으로 밀어내거나 가격표를 깨뜨릴 수 있고, 고객이 알아챌 때까지 아무도 눈치채지 못합니다. 이 테스터는 정해진 일정에 따라 페이지의 스크린샷을 찍습니다.

sonnet4일ApifyPlaywrightGPT-4 VisionSlack
ClaudeClaude
ROI for
README.md

왜 이 서브에이전트인가

실패한 배포는 히어로 이미지를 화면 밖으로 밀어내거나 가격표를 깨뜨릴 수 있고, 고객이 알아챌 때까지 아무도 눈치채지 못합니다. 이 테스터는 정해진 일정에 따라 페이지의 스크린샷을 찍습니다.

각 캡처를 승인된 기준선과 비교한 뒤, 비전 모델에게 해당 변경이 실제 오류인지 예상된 콘텐츠 변경인지 물어봅니다. diff 이미지와 판정 결과가 담긴 Slack 알림을 받게 되며, 무시해도 될 변화는 걸러내어 채널의 신뢰도를 유지합니다.

작동 방식

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

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.