브라우저 사용 MCP 서버

🔥对应视频: https://youtu.be/jsd8TpzicRQ

🔥제 답변: stoeng

모델 컨텍스트 프로토콜 서버

간단한 메모 시스템을 구현하는 TypeScript 기반 MCP 서버입니다. 다음을 제공하여 핵심 MCP 개념을 보여줍니다.

• URI 및 메타데이터를 사용하여 텍스트 노트를 나타내는 리소스

• 새로운 노트를 만드는 도구

• 노트 요약 생성을 위한 프롬프트

특징

자원

• note:// URI를 통해 메모를 나열하고 액세스합니다.

• 각 노트에는 제목, 내용 및 메타데이터가 있습니다.

• 간단한 콘텐츠 액세스를 위한 일반 텍스트 MIME 유형

도구

• create_note - 새로운 텍스트 노트 만들기

  • 제목과 내용을 필수 매개변수로 사용합니다.

  • 서버 상태에 메모 저장

프롬프트

• summarize_notes - 저장된 모든 노트의 요약을 생성합니다.

  • 모든 노트 내용을 내장 리소스로 포함합니다.

  • LLM 요약을 위한 구조화된 프롬프트를 반환합니다.

Related MCP server: azure-devops MCP Server

개발

종속성 설치:

지엑스피1

서버를 빌드하세요:

npm run build

자동 재빌드를 사용한 개발의 경우:

npm run watch

설치

Claude Desktop과 함께 사용하려면 서버 구성을 추가하세요.

MacOS의 경우: ~/Library/Application Support/Claude/claude_desktop_config.json Windows의 경우: %APPDATA%/Claude/claude_desktop_config.json

{
  "mcpServers": {
    "browser-use": {
      "command": "/path/to/browser-use/build/index.js"
    }
  }
}

디버깅

MCP 서버는 stdio를 통해 통신하므로 디버깅이 어려울 수 있습니다. 패키지 스크립트로 제공되는 MCP Inspector를 사용하는 것이 좋습니다.

npm run inspector

검사기는 브라우저에서 디버깅 도구에 액세스할 수 있는 URL을 제공합니다.