divebell

Divebell은 코딩 에이전트가 실제 웹 애플리이션을 디버그하고 이해하고 검증하도록 설계된 확장형 툴킷입니다. 웹 페이지를 에이전트의 주요 진입점으로 삼아 페이지 컨텍스트, 브라우저 기능, 팀의 기존 개발 및 디버깅 도구를 통합합니다. 이를 통해 에이전트는 라이브 웹 시나리오에서 문제를 직접 재현, 진단, 검증할 수 있습니다. 에이전트는 페이지 정보를 수동으로 추출하거나 도구를 연결할 필요 없이 기존 SDK, OpenAPI, CLI, 진단 기능을 호출할 수 있습니다. Divebell은 재사용 가능한 브라우저 컨텍스트를 준비하고 페이지 작업, 브라우저 진단, 결과 검증을 직접 호출 가능한 기능으로 노출합니다. 은 Extensions를 사용해 자체 계정, 환경, 내부 플랫폼, 사용자 정의 진단 또는 검증 워크플로를 통합하도록 기능을 확장할 수 있습니다. 툴킷에는 빠른 설정과 상호 작용을 위한 CLI가 포함되어 있으며, WebMCP 도구 탐색 또는 Module Federation 리소스 타이밍 시각화 같은 예시로 시연됩니다. Divebell은 코딩 에이전트가 코드를 읽고 수정할 수 있지만 실제 웹 개발 문제는 종종 페이지 자체에서 발생하여 사용자 행동, 런타임 상태, 브라우저 진단, 기존 도구의 어진 정보가 필요하다는 과제를 해결합니다. 이를 중앙화함으로써 Divebell은 에이전트가 더 자율적으로 행동하도록 지원합니다. 핵심 기능은 다음과 같습니다. 1. 컨텍스트 및 진단: 페이지 컨텍스트, 작업(예: click, fill, eval), 브라우저 진단(Console, Network, Screenshot, Coverage), 페이지가 선언한 WebMCP 도구를 제공합니다. 로컬 실행 시 기본적으로 Chrome의 실험적 WebMCP 지원을 활성화하며, OS 사용자의 Chrome Profile 또는 프로젝트 범위 Restore State를 사용해 브라우저 인증과 상태를 관리합니다. 2. Extensions: 웹 페이지를 기존 개발 기능과 연결하는 메커니즘입니다. Extensions는 애플리케이션, 환경을 식별하고 SDK/OpenAPI/CLI를 호출하며 진단/검증 워크플로를 노출할 수 있습니다. 공식 확장에는 메모리 분석, 코드 사용 분석, 브라우저 워크플로 녹화, Module Federation 검사, Rspack HMR/React Refresh 감지를 위한 도구가 포함됩니다. 3. Runtime SDK: 표준 브라우저 정보가 충분하지 않을 때 애플리케이션이 세분화된 내부 사실을 에이전트에 노출할 수 있게 하는 선택적 페이지 측 API입니다. Targets 등록, Snapshots 업데이트, Events 기록, Actions 선언, waitFor 함수 실행을 지원합니다. Divebell은 agent-browser를 기본 브라우저 실행 계층으로 사용하며 MIT 라이선스입니다.