Web Browser MCP Server

🚀 🌟 Web Browser MCP Server

Web Browser MCP Server は、Message Control Protocol (MCP) を通じて、AI モデルがウェブサイトを閲覧し、内容を抽出し、ウェブページを理解することを可能にします。簡単な MCP インターフェースを介して、AI アシスタントがウェブページの内容を閲覧し、抽出することができます。また、CSS セレクタを使用した高度な内容抽出機能や、強力なエラーハンドリング機能を備えています。

✨ 主な機能

• 🎯 高度な内容抽出：CSS セレクタを使用して、必要な内容を正確に抽出します。
• ⚡ 高速処理：非同期処理をベースに最適なパフォーマンスを実現します。
• 📊 豊富なメタデータ：タイトル、リンク、構造化された内容を取得します。
• 🛡️ 安定性：エラーハンドリングとタイムアウト管理が組み込まれています。
• 🌍 クロスプラットフォーム対応：Python をサポートするすべてのプラットフォームで動作します。

🚀 クイックスタート

Smithery を使用したインストール

Smithery を通じて、Claude Desktop の Web Browser Server を自動的にインストールします。

npx -y @smithery/cli install web-browser-mcp-server --client claude

手動インストール

uv を使用してインストールします。

uv tool install web-browser-mcp-server

開発環境の設定

# リポジトリをクローンし、開発環境を設定します。
git clone https://github.com/blazickjp/web-browser-mcp-server.git
cd web-browser-mcp-server

# 仮想環境を作成し、アクティブ化します。
uv venv
source .venv/bin/activate

# テスト用の依存関係をインストールします。
uv pip install -e ".[test]"

🔌 MCP 統合

以下の設定をあなたの MCP クライアント設定ファイルに追加します。

{
    "mcpServers": {
        "web-browser-mcp-server": {
            "command": "uv",
            "args": [
                "tool",
                "run",
                "web-browser-mcp-server"
            ],
            "env": {
                "REQUEST_TIMEOUT": "30"
            }
        }
    }
}

開発環境の設定

{
    "mcpServers": {
        "web-browser-mcp-server": {
            "command": "uv",
            "args": [
                "--directory",
                "path/to/cloned/web-browser-mcp-server",
                "run",
                "web-browser-mcp-server"
            ],
            "env": {
                "REQUEST_TIMEOUT": "30"
            }
        }
    }
}

📄 ライセンス

このプロジェクトは MIT License の下で公開されています。詳細は LICENSE ファイルを参照してください。