reticlehq/reticle

해결하는 문제

Reticle는 "보이는 것처럼" 올바르게 보이는 파손된 코드를 배포하는 것을 방지하기 위한 AI 코딩 에이전트를 위한 검증 계층을 제공합니다. UI에서 보이지 않는 "침묵적 실패"(500 오류, 잘못된 상태 값, 콘솔 오류 등) 문제를 해결합니다. 이는 스크린샷이나 DOM 전용 도구에 의존하는 에이전트에게는 시각적으로 보이지 않는 문제입니다.

작동 방식

Reticle는 실행 중인 웹 애플리케이션 내부에 개발 전용 SDK를 실행합니다. 애플리케이션을 외부에서 관찰하는 것이 아니라, 네트워크 호출, 스토어 상태, 신호, React fiber 트리와 같은 내부 프로그램 이벤트를 모니터링합니다. 에이전트가 작업을 수행할 때 Reticle는 이러한 내부 이벤트를 일련의 조건(예: "POST 요청이 200을 반환했는가?")과 비교하여 결정론적인 성공/실패 평가를 반환하며, 수정이 필요한 코드의 정확한 file:line도 제공합니다.

대상 사용자

React, Vue, Svelte, Preact, Astro, Electron, Tauri 등의 프레임워크를 사용하여 웹 및 데스크톱 애플리케이션을 개발하는 개발자들로, Claude Code, Cursor, Copilot 또는 어떤 MCP 호환 에이전트를 사용하는 경우.

주요 특징

• 내부 가시성: 비전 모델과 브라우저 에이전트가 보이지 않는 네트워크 응답, 앱 상태, 콘솔 로그에 접근 가능.
• 결정론적 검증: LLM 추측이나 스크린샷이 아닌 구조화된 이벤트를 사용하여 불안정성(플레이크) 제거.
• 에이전트 통합: MCP 서버로 작동하며, 에이전트 루프에 원활하게 통합되는 슬래시 명령어(/reticle) 제공.
• 정확한 원인 추적: 실패한 코드의 정확한 file:line을 제공하여 에이전트가 버그를 수정하기 위해 필요한 도구 호출 횟수 감소.
• 레그레션 테스트: 한 번의 흐름을 기록하고, 이후 모든 수정에 대해 결정론적으로 재실행 가능.