MCP Browser Kit

🚀 main 브랜치를 사용 중이신가요? 최신 개발 버전 문서를 보고 계십니다! 다른 버전은 release/* 브랜치를 확인하세요.

AI 어시스턴트가 로컬 브라우저와 상호 작용할 수 있도록 지원하는 MCP 서버입니다.

https://github.com/user-attachments/assets/1fbf87fd-06d1-42bf-a06f-cc2bbdf375a8

사용법

1. MCP 클라이언트에 MCP Browser Kit을 추가합니다:

   {
       "mcpServers": {
           "browser-kit": {
               "command": "npx",
               "args": ["@mcp-browser-kit/server@latest"]
           }
       }
   }

2. 브라우저에 맞는 확장 프로그램 빌드를 선택합니다:

   • 아래 호환성 표를 확인하여 브라우저와 호환되는 빌드(M2 또는 M3)를 확인하세요.

   • M2 빌드가 M3 빌드보다 더 많은 기능을 제공하므로, 브라우저가 둘 다 지원한다면 M2를 우선적으로 선택하세요.

3. 최신 릴리스에서 호환되는 최신 빌드를 다운로드합니다.

4. 호환되는 브라우저에 확장 프로그램을 로드하고 활성화합니다.

5. 열려 있는 탭을 새로 고침하여 확장 프로그램 스크립트가 로드되도록 합니다.

6. MCP 클라이언트에서 메시징을 시작합니다:

   Use browser-kit, star the last open GitHub repo on my browser

7. 선택 사항으로, 자세한 내용은 사용자 참고 사항을 확인하세요.

Related MCP server: agentify-desktop

호환성 표

M2 빌드는 M3 빌드보다 더 많은 기능을 지원합니다. 확장 프로그램 파일 이름 패턴:

• M2 빌드:

  • Chromium: mcp_browser_kit_m2-<version>.zip (예: mcp_browser_kit_m2-5.0.0.zip)

  • Firefox: mcp_browser_kit_m2-<version>.xpi (예: mcp_browser_kit_m2-5.0.0.xpi)

• M3 빌드: mcp_browser_kit_m3-<version>.zip (예: mcp_browser_kit_m3-5.0.0.zip)

확장 프로그램 로드

• Chromium 기반 브라우저 (Chrome, Brave, Edge)

  1. 다운로드한 .zip 파일의 압축을 풉니다.

  2. chrome://extensions/를 엽니다.

  3. 개발자 모드를 활성화합니다.

  4. 압축해제된 확장 프로그램을 로드합니다를 클릭합니다.

  5. 압축을 푼 확장 프로그램 폴더를 선택합니다.

• Firefox

  1. about:addons를 엽니다.

  2. 톱니바퀴 아이콘을 클릭하고 파일에서 부가 기능 설치...를 선택합니다.

  3. 다운로드한 .xpi 파일을 선택합니다.

• Safari

  1. 다운로드한 .zip 파일의 압축을 풉니다.

  2. 개발자 > 확장 프로그램 빌더 보기를 엽니다.

  3. +를 클릭하고 확장 프로그램 추가를 선택합니다.

  4. 압축을 푼 확장 프로그램 폴더를 선택합니다.

  5. 설치를 클릭하여 확장 프로그램을 설치합니다.

사용자 참고 사항

알파 단계 참고: 민감한 데이터가 AI 모델 제공업체에 의도치 않게 노출되는 것을 방지하기 위해 이 MCP와 함께 별도의 브라우저 프로필이나 전용 브라우저 인스턴스를 사용하는 것을 고려하세요.

보안: BrowserKit은 현재 들어오는 요청에 대한 인증 기능이 없습니다. 장치 네트워크에서 포트 59089 및 2769-2799만 유지하세요.

호스팅 배포

Fronteir AI에서 호스팅 배포를 이용할 수 있습니다.