LangGraph.js와 WebMCP 기반의 브라우저 사이드패널 에이전트 'Brow'

이 요약은 AI가 원문을 분석해 생성했습니다. 정확한 내용은 원문 기준으로 확인하세요.

핵심 요약

LangGraph.js와 WebMCP를 활용해 브라우저 사이드패널에서 직접 실행되는 오픈소스 AI 에이전트 Brow를 소개한다.

LangChain/LangGraph 생태계에서 브라우저 기반 에이전트의 가능성을 탐구하기 위해 LangGraph.js와 WebMCP를 결합한 사이드패널 에이전트 Brow를 개발했다.

브라우저 환경에서 직접 실행되는 에이전트 아키텍처는 외부 서버 의존성을 줄이고 페이지 컨텍스트와의 상호작용 효율을 높인다. LangGraph.js와 WebMCP의 결합은 클라이언트 사이드 AI 자동화의 실현 가능성을 보여준다.

Brow는 LangGraph.js를 브라우저 환경에서 직접 실행하여 에이전트가 실제 페이지 컨텍스트와 밀접하게 상호작용하도록 설계됐다. 백엔드 의존성을 최소화하고 브라우저 런타임에서 직접 도구 사용과 UI 렌더링을 처리한다.

WebMCP 도구를 브라우저에서 발견하고 LangGraph.js 에이전트 흐름에 통합하는 기능을 구현했다. 이를 통해 클릭, 스크롤, 탭 제어 등 브라우저 자동화 작업과 웹사이트별 맞춤형 스킬을 에이전트가 수행한다.

Claude, OpenAI 등 다양한 모델 제공자와 호환되며, 로컬 모델을 위한 커스텀 베이스 URL 설정도 지원한다. 현재 오픈소스 프로젝트로서 커뮤니티의 피드백과 기여를 모집 중이다.

LangGraph.js추천

브라우저 클라이언트 사이드 에이전트 오케스트레이션

WebMCP추천

웹사이트 도구 발견 및 에이전트 통합

LangChain중립

에이전트 프레임워크