Claude Code 브라우저 확장 프로그램 역공학 및 무제한 버전 재구축

실용적 조언

브라우저 에이전트 개발 시 CDP를 통해 DPR을 1로 고정하여 좌표 정확도를 확보할 것
MV3 환경에서 서비스 워커의 30초 제한에 대비한 연결 유지 전략이 필요함

섹션별 상세

Claude의 MCP 도구 스키마를 분석하여 18개의 도구와 5개의 프로세스를 재구축했다. 각 도구 호출 시 4단계의 프로토콜 변환을 수행하여 브라우저 환경에서 LLM이 명령을 실행하도록 설계했다. 원문에서 18개 도구와 4단계 변환 과정을 명시했다. 모델이 브라우저와 상호작용하는 표준화된 인터페이스를 오픈소스로 구현했다는 의미가 있다.

화면 캡처 시 발생하는 좌표 오류를 해결하기 위해 CDP를 사용했다. DPR을 1로 강제 설정하여 Retina 디스플레이의 고해상도 이미지가 3배 크게 캡처되는 현상을 방지했다. 원문에서 DPR=1 설정을 하지 않을 경우 클릭 위치가 빗나간다는 실무적 장애물을 제시했다. 시각적 에이전트의 정확도를 높이기 위한 필수적인 전처리 공정이다.

크롬 확장 프로그램의 MV3 규격으로 인한 실행 중단 문제를 해결했다. 30초 후 자동으로 종료되는 서비스 워커가 네이티브 메시징 연결을 끊지 않도록 관리 프로세스를 최적화했다. 서비스 워커의 30초 제한이 작업 도중 연결을 끊는다는 구체적 한계를 명시했다. 최신 브라우저 환경에서 안정적인 LLM 에이전트를 구동하기 위한 기술적 우회책을 제시했다.

Reddit 등 복잡한 웹사이트의 Shadow DOM 구조와 브라우저 프로필 간의 포트 충돌을 처리했다. 표준 DOM 탐색이 불가능한 영역에 접근하기 위한 로직을 구현하고 TCP 포트 점유 문제를 조정했다. Reddit의 Shadow DOM이 탐색을 방해한다는 구체적 사례를 언급했다. 실제 상용 웹사이트 환경에서 에이전트의 범용성을 확보하는 방법을 보여준다.

언급된 도구

Claude Code중립

LLM 기반 코딩 에이전트

MCP추천

Model Context Protocol 도구 스키마 활용

Chrome중립

브라우저 확장 프로그램 실행 환경

언급된 리소스

GitHubopen-claude-in-chrome GitHub Repository