Browser Use MCP Server

🚀 ブラウザでのMCPサーバー使用

このプロジェクトは、TypeScript をベースにした MCP サーバーで、シンプルなノートシステムを実装しています。このサンプルを通じて、MCP の核心概念を以下のようにデモンストレーションできます。

• note:// URI とメタデータで表されるリソース（Resources）を使って、テキストノートをアクセスおよび管理します。
• 新しいノートを作成するツール（Tools）を提供します。
• ノートの要約を生成するプロンプト（Prompts）を提供します。

🔥 対応動画： https://youtu.be/jsd8TpzicRQ

🔥 私の微信： stoeng

🚀 クイックスタート

この MCP サーバーは、TypeScript で構築されたシンプルなノートシステムを提供します。以下の手順でサーバーをセットアップし、MCP の機能を試すことができます。

✨ 主な機能

リソース（Resources）

• note:// URI を持つノートを一覧表示し、アクセスできます。
• 各ノートには、タイトル、内容、メタデータが含まれています。
• 内容には、簡単な純テキスト MIME タイプを使用してアクセスします。

ツール（Tools）

• create_note - 新しいテキストノートを作成します。
  • タイトルと内容をパラメータとして渡す必要があります。
  • ノートはサーバーの状態に保存されます。

プロンプト（Prompts）

• summarize_notes - 保存されているすべてのノートの要約を生成します。
  • すべてのノート内容を埋め込みリソースとして含みます。
  • LLM が要約するための構造化されたプロンプトを返します。

📦 インストール

依存関係のインストール

npm install

サーバーのビルド

npm run build

自動再構築付きの開発

npm run watch

Claude Desktop との連携

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 サーバーは標準入出力を通じて通信するため、デバッグが難しい場合があります。MCP Inspector を使用することをおすすめします。以下のコマンドで実行できます。

npm run inspector

Inspector は URL を提供し、ブラウザで開くことでデバッグツールにアクセスできます。