AgentDeskAI/browser-tools-mcp

What it solves

BrowserTools MCP는 AI 코딩 에이전트가 사용자의 활성 Chrome 세션과 상호작용하고 이를 검사할 수 있게 합니다. 새로운, 인증되지 않은 브라우저 인스턴스를 실행하는 기존의 자동화 도구와 달리, 이 프로젝트는 에이전트가 사용자가 보고 있는 것을 정확히 볼 수 있게 하여, 사용자가 이미 로그인한 페이지를 포함하여 수동으로 인증 상태를 재생성할 필요가 없도록 합니다.

How it works

시스템은 두 가지 구성 요소로 이루어집니다: MCP (Model Context Protocol) 서버와 Chrome 확장 프로그램입니다. 확장 프로그램은 활성 브라우저 세션에 연결되어 콘솔 로그, 네트워크 활동, 스크린샷 등의 텔레메트리 데이터를 MCP 서버로 스트리밍합니다. 서버는 이 데이터를 MCP 호환 AI 클라이언트(예: Cursor 또는 Claude Code)에 도구 및 리소스로 노출하여, 에이전트가 브라우저 상태를를 실시간으로 조회할 수 있게 합니다.

Who it’s for

현재 세션 상태를 잃지 않고 라이브 웹 애플리케이션을 디버깅하거나, 접근성 또는 SEO 감사, 네트워크 트래픽 검사를 수행해야 하는 AI 코딩 에이전트 사용자입니다.

Highlights

• Live Session Access: 실제 브라우저 프로필과 활성 탭에 액세스하여 사용자의 로그인 및 인증 상태를 유지합니다.
• Lighthouse Integration: 에이전트를 통해 성능, 접근성, SEO 및 베스트 프랙티스 감사를 직접 실행할 수 있는 도구를 제공합니다.
• Context Window Management: 대용량 데이터 페이로드(전체 로그 또는 HAR 파일)는 컨텍스트 윈도우 오버플로를 방지하기 위해 인라인으로 제공되지 않고 MCP 리소스로서 제공됩니다.
• Security-First Design: 루프백 전용 바인딩, 실행당 인증 토큰, 그리고 캡처된 데이터에서 민감한 자격 증명(JWTs, cookies 등)을 자동 스크러빙합니다.
• Multitab Support: DevTools가 열려 있는 모든 탭에 대해 텔레메트리를 별도로 추적하여, 에이전트가 ID로 특정 탭을 타겟팅할 수 있게 합니다.