MCP Browser Use

🚀 browser - use MCPサーバー

AIによるブラウザ自動化サーバーで、自然言語によるブラウザ制御のためのModel Context Protocol (MCP)を実装しています。このMCPサーバーの実装は、[browser - use/web - ui](https://github.com/browser - use/web - ui)をベースに構築されており、コアのブラウザ自動化ロジックと設定パターンは元のプロジェクトから適応されています。

[](https://docs.browser - use.com)

⚠️ 重要提示

このMCPサーバーの実装は、[browser - use/web - ui](https://github.com/browser - use/web - ui)を基礎として構築されています。コアのブラウザ自動化ロジックと設定パターンは、元のプロジェクトから適応されています。

✨ 主な機能

• 🧠 MCP統合 - AIエージェントとの通信のための完全なプロトコル実装
• 🌐 ブラウザ自動化 - ページナビゲーション、フォーム入力、要素とのインタラクション
• 👁️ 視覚理解 - スクリーンショット分析とビジョンベースのインタラクション
• 🔄 状態永続化 - タスク間でブラウザセッションを維持
• 🔌 複数LLMサポート - OpenAI、Anthropic、Azure、DeepSeekの統合

🚀 クイックスタート

前提条件

• Python 3.11以上
• uv (高速Pythonパッケージインストーラー)
• Chrome/Chromiumブラウザ

📦 インストール

Claude Desktop

MacOSでは: ~/Library/Application\ Support/Claude/claude_desktop_config.json Windowsでは: %APPDATA%/Claude/claude_desktop_config.json

"mcpServers": {
    "browser-use": {
      "command": "uvx",
      "args": [
        "mcp-server-browser-use",
      ],
      "env": {
        "OPENROUTER_API_KEY": "",
        "OPENROUTER_ENDPOINT": "https://openrouter.ai/api/v1",
        "OPENAI_ENDPOINT": "https://api.openai.com/v1",
        "OPENAI_API_KEY": "",
        "ANTHROPIC_ENDPOINT": "https://api.anthropic.com",
        "ANTHROPIC_API_KEY": "",
        "GOOGLE_API_KEY": "",
        "AZURE_OPENAI_ENDPOINT": "",
        "AZURE_OPENAI_API_KEY": "",
        "DEEPSEEK_ENDPOINT": "https://api.deepseek.com",
        "DEEPSEEK_API_KEY": "",
        "MISTRAL_API_KEY": "",
        "MISTRAL_ENDPOINT": "https://api.mistral.ai/v1",
        "OLLAMA_ENDPOINT": "http://localhost:11434",
        "ANONYMIZED_TELEMETRY": "true",
        "BROWSER_USE_LOGGING_LEVEL": "info",
        "CHROME_PATH": "",
        "CHROME_USER_DATA": "",
        "CHROME_DEBUGGING_PORT": "9222",
        "CHROME_DEBUGGING_HOST": "localhost",
        "CHROME_PERSISTENT_SESSION": "false",
        "BROWSER_HEADLESS": "false",
        "BROWSER_DISABLE_SECURITY": "false",
        "BROWSER_WINDOW_WIDTH": "1280",
        "BROWSER_WINDOW_HEIGHT": "720",
        "BROWSER_TRACE_PATH": "trace.json",
        "BROWSER_RECORDING_PATH": "recording.mp4",
        "RESOLUTION": "1920x1080x24",
        "RESOLUTION_WIDTH": "1920",
        "RESOLUTION_HEIGHT": "1080",
        "VNC_PASSWORD": "youvncpassword",
        "MCP_MODEL_PROVIDER": "anthropic",
        "MCP_MODEL_NAME": "claude-3-5-sonnet-20241022",
        "MCP_TEMPERATURE": "0.3",
        "MCP_MAX_STEPS": "30",
        "MCP_USE_VISION": "true",
        "MCP_MAX_ACTIONS_PER_STEP": "5",
        "MCP_TOOL_CALL_IN_CONTENT": "true"
    }
}

ローカル開発

"browser-use": {
  "command": "uv",
  "args": [
    "--directory",
    "/path/to/mcp-browser-use",
    "run",
    "mcp-server-browser-use"
  ],
  "env": {
    ...
  }
}

💻 使用例

基本的な使用法

# 開発用依存関係のインストール
uv sync

# デバッガーで実行
npx @modelcontextprotocol/inspector uv --directory . run mcp-server-browser-use

📚 ドキュメント

トラブルシューティング

• ブラウザの競合：起動前にすべてのChromeインスタンスを閉じてください。
• APIエラー：環境変数のAPIキーがLLMプロバイダーと一致することを確認してください。
• ビジョンサポート：スクリーンショット分析を行うには、MCP_USE_VISION=trueを設定してください。

プロバイダー設定

サーバーは、環境変数を通じて複数のLLMプロバイダーをサポートしています。MCP_MODEL_PROVIDERの利用可能なオプションは以下の通りです。

注意事項:

• オプションとしてマークされたエンドポイントの場合、指定されない場合はデフォルト値が使用されます。
• 温度はMCP_TEMPERATUREを使用して設定できます (デフォルト: 0.3)。
• モデルはMCP_MODEL_NAMEを使用して指定できます。
• Ollamaモデルの場合、num_ctxやnum_predictなどの追加のコンテキスト設定が可能です。

クレジット

このプロジェクトは、MITライセンスの下で[browser - use/web - ui](https://github.com/browser - use/web - ui)を拡張しています。ブラウザ自動化フレームワークを提供した元の作者に特別な感謝を申し上げます。

📄 ライセンス

MIT - 詳細はLICENSEを参照してください。