피드로 돌아가기
Hacker NewsBackend
원문 읽기
Show HN: ProofShot – Give AI coding agents eyes to verify the UI they build
ProofShot이 AI 코딩 에이전트에 비디오 녹화·에러 로깅·스크린샷 기능을 추가해 빌드 작업의 완성도를 검증 가능하게 구현
AI 요약
Context
AI 코딩 에이전트가 완료했다고 주장하는 작업을 실제로 검증할 수 없다는 문제가 있다. 에이전트가 UI를 정확히 빌드했는지, 모든 상호작용이 의도대로 작동하는지 확인할 방법이 부족하다.
Technical Solution
- 헤드리스 Chromium을 사용해 개발 서버의 전체 브라우저 세션을 비디오로 녹화하고, 유휴 시간을 자동으로 제거
- 네비게이션, 클릭, 폼 입력, 스크린샷 등 각 에이전트 행동을 타임스탬프와 함께 로그에 기록
- 브라우저 콘솔 에러와 서버 로그를 패턴 매칭으로 수집(JavaScript, Python, Go, Rust 등 지원)
- 동기화된 비디오, 스크린샷, 인터랙티브 타임라인, 엘리먼트 라벨을 포함한 독립형 HTML 뷰어 생성
- 요약 마크다운 및 PR-ready 포맷 아티팩트 자동 생성
Key Takeaway
AI 에이전트의 작업 결과물을 시각적으로 검증하는 시스템을 구축하면, 완전 자동화된 개발 파이프라인에서 신뢰성 확보와 문제 추적이 동시에 가능해진다.
실천 포인트
AI 코딩 에이전트를 사용하는 팀에서 ProofShot의 3단계(start-exec-stop) CLI 구조를 도입하면, 에이전트 작업의 비디오 증거·에러 로그·스크린샷을 단일 HTML 파일로 통합해 PR 리뷰 시간을 단축하고 배포 전 검증 신뢰도를 높일 수 있다.