Browser MCP for Claude and other models

これは、Playwright と Streamable HTTP を介して汎用ブラウザツールを提供するリモート MCP サーバーです。サーバー内で Claude に依存することはありません。HTTPS 経由で MCP をサポートする任意のクライアントが使用できます。Claude や、Gemini、OpenAI、またはローカルモデルを使用するミドルウェアも含まれます。

サーバーはページを開いて読み取り、機密性の低いフィールドに入力できますが、パスワードフィールド、ファイル、最終送信、支払い、削除操作はブロックします。

Replit へのデプロイ

このリポジトリを Docker を使用して Replit にインポートし、Reserved VM または常時稼働サービスを選択します。Secrets に以下の変数を追加します:

パスワード、検証コード、サイトキーを GitHub やコード内に置かないでください。

デプロイ後、エンドポイントは次のようになります:

https://YOUR-REPL-DOMAIN/mcp

HTTPS 経由で公開されている必要があります。Claude はローカルの電話からではなく、Anthropic のクラウドインフラストラクチャからサーバーに接続します。

Related MCP server: mcp-browser

Claude Web の接続

電話の Claude で Customize → Connectors → + → Add custom connector を開き、/mcp リンクを入力します。インターフェースが OAuth Client ID/Secret を要求する場合は、MCP_AUTH_TOKEN をそれらのフィールドに入れないでください。これらのフィールドは OAuth 用です。アカウントに対して Claude が表示する認証メカニズムを使用するか、サーバーが直接 Bearer トークンを必要とする場合は Claude API 経由で接続を実装してください。

追加後、会話内で + → Connectors からコネクタを有効にします。公開ページを開いてテキストスナップショットを取得するなど、読み取り専用コマンドから始めてください。許可する前に各ツールリクエストを確認してください。

マルチモデル

MCP サーバーはモデルを強制しません。Claude、Gemini、OpenAI、または MCP をサポートする他のモデルがクライアントとなり、ツールの呼び出しを決定します。Playwright や MCP サーバーを変更せずにモデルを変更できます。

サーバーツール

• browser_open(url): 公開 HTTP(S) ページを開きます。

• browser_snapshot(): 現在のページを読み取り、インタラクティブ要素の参照を表示します。

• browser_click(ref): 最終送信ではない要素をクリックします。

• browser_fill(ref, value): 機密性の低いテキストフィールドに入力します。

• browser_select(ref, label_or_value): リストから要素を選択します。

• browser_back(): 1ページ戻ります。

• browser_close(): ブラウザセッションを閉じます。

セキュリティ制限

MCP_AUTH_TOKEN が設定されていない場合、サーバーは起動を拒否します。公開 HTTPS の背後で実行し、必要に応じてサイトとデータへのアクセスを制限する必要があります。CAPTCHA やサイトの制御を回避するために使用したり、購入、削除、送信操作に対する自動権限を Claude に与えたりしないでください。本番アカウントで使用する前に、実際の OAuth を追加してください。

参考

• Claude custom connectors

• MCP Python SDK

• MCP Streamable HTTP specification

• Microsoft Playwright MCP