브라우저베이스 MCP 서버

시작하기

1. npm install 실행하여 필요한 종속성을 설치한 다음, npm run build 실행하여 dist/index.js 가져옵니다.
2. 서버를 사용하려면 Claude Desktop 구성을 설정하세요.

지엑스피1

3. Claude Desktop 앱을 다시 시작하면 🔨 아이콘을 클릭하면 사용 가능한 도구가 표시됩니다.
4. 도구를 사용해 보세요! 아래는 Claude가 브라우저 세션을 닫는 모습입니다.

도구

브라우저베이스 API

• 브라우저 기반 세션 생성
  • Browserbase를 사용하여 새로운 클라우드 브라우저 세션을 만듭니다.
  • 필수 입력사항 없음
• 브라우저베이스_네비게이트
  • 브라우저에서 모든 URL로 이동합니다.
  • 입력: url (문자열)
• 브라우저 기반 스크린샷
  • 전체 페이지 또는 특정 요소의 스크린샷을 캡처합니다.
  • 입력:
    • name (문자열, 필수): 스크린샷의 이름
    • selector (문자열, 선택 사항): 스크린샷을 찍을 요소에 대한 CSS 선택기
    • width (숫자, 선택 사항, 기본값: 800): 스크린샷 너비
    • height (숫자, 선택 사항, 기본값: 600): 스크린샷 높이
• 브라우저베이스_클릭
  • 페이지의 요소를 클릭하세요
  • 입력: selector (문자열): 클릭할 요소에 대한 CSS 선택기
• 브라우저베이스_채우기
  • 입력 필드를 작성하세요
  • 입력:
    • selector (문자열): 입력 필드에 대한 CSS 선택기
    • value (문자열): 채울 값
• 브라우저 기반 평가
  • 브라우저 콘솔에서 JavaScript 실행
  • 입력: script (문자열): 실행할 JavaScript 코드
• 브라우저베이스_겟_콘텐츠
  • 현재 페이지에서 모든 콘텐츠 추출
  • 입력: selector (문자열, 선택 사항): 특정 요소에서 콘텐츠를 가져오는 CSS 선택기
• 브라우저 기반 병렬 세션
  • 여러 브라우저 세션을 생성하고 다른 URL로 이동합니다.
  • 입력: sessions (배열): 다음을 포함하는 객체 배열:
    • url (문자열): 이동할 URL
    • id (문자열): 세션 식별자

자원

서버는 두 가지 유형의 리소스에 대한 액세스를 제공합니다.

1. 콘솔 로그 ( console://logs )
   • 텍스트 형식의 브라우저 콘솔 출력
   • 브라우저의 모든 콘솔 메시지를 포함합니다.
2. 스크린샷 ( screenshot://<name> )
   • 캡처된 스크린샷의 PNG 이미지
   • 캡처 중에 지정된 스크린샷 이름을 통해 접근 가능

주요 특징

• 클라우드 브라우저 자동화
• 웹 데이터 추출
• 콘솔 로그 모니터링
• 스크린샷 기능
• JavaScript 실행
• 기본 웹 상호작용(탐색, 클릭, 양식 작성)

특허

이 MCP 서버는 MIT 라이선스에 따라 라이선스가 부여됩니다. 즉, MIT 라이선스의 조건에 따라 소프트웨어를 자유롭게 사용, 수정 및 배포할 수 있습니다. 자세한 내용은 프로젝트 저장소의 LICENSE 파일을 참조하세요.