mcpField
H
H/Ai Browser

H/Ai Browser

ローカル
marketplace.visualstudio.comブラウザ自動化01 週間前に更新
リポジトリ公式サイト

H/Ai Browser について

H/Ai Browserは、VS Codeの統合ブラウザーで共有したタブをAIクライアントから操作できるMCPサーバーです。ページ操作や調査に加え、選択した要素のクリック元も確認できます。

主な機能

  1. 01ページスナップショットの取得
  2. 02クリック、入力、フォーム入力
  3. 03タブ管理とスクリーンショット撮影
  4. 04コンソールとネットワークログの調査
  5. 05選択した要素へのアクセス

活用シーン

  1. 01共有ブラウザータブをAIクライアントで操作
  2. 02コンソールやネットワークの動作を調査
  3. 03選択したページ要素を情報源として利用

MCP 対応

MCPクライアントにブラウザーの操作機能と調査データを提供します。H/Ai BrowserのVS Code拡張にはサーバーが含まれており、自分で設定してパッケージを起動することもできます。

設定

ローカルサーバーの設定はどのクライアントでも共通です。コピーしてクライアントの MCP 設定ファイルに貼り付けてください。

mcp.json · 共通設定
{
  "mcpServers": {
    "festuscharles-n-hai-browser": {
      "command": "npx",
      "args": [
        "-y",
        "hai-browser-mcp"
      ]
    }
  }
}
起動コマンドnpx -y hai-browser-mcp

ローカルサーバーにはマシン上の実行環境（Node.js 18 以上など）が必要です。設定ファイルの場所はクライアントごとに異なります。

パッケージ
npmhai-browser-mcp0.0.10

ツール

24

掲載時のツール一覧 · 2 週間前に更新

このツールにパラメーターはありません。

詳細

hai-browser-mcp

H/Ai Browser 用の MCP サーバーです。Claude Code、Codex CLI、Gemini CLI、Cline などの MCP クライアントから、VS Code の統合ブラウザーで共有したブラウザータブを操作できます。スナップショット、クリック、文字入力、フォーム、タブ、スクリーンショット、コンソールログ、ネットワークログ、および選択した要素を扱えます。

VS Code で H/Ai Browser 拡張機能を実行する必要があります。この拡張機能にはすでにこのサーバーがバンドルされており、セットアップも自動で行われます（H/Ai: Connect Claude Code／H/Ai: Connect Other Agents）。クライアントを自分で設定する場合は、このパッケージを使用してください。

claude mcp add --scope user hai-browser -- npx -y hai-browser-mcp

{ "mcpServers": { "hai-browser": { "command": "npx", "args": ["-y", "hai-browser-mcp"] } } }

詳しくは https://github.com/SnapBlock/hai-browser をご覧ください。

コメント

Markdown 対応

MCP は初めてですか？

プロトコルの概要から最初のサーバーの導入まで、よくある疑問にまとめて答えます。

AI アプリケーションが外部のツールやデータソースに統一的な方法で接続するためのオープンなプロトコルです。クライアントはモデルとの対話を担い、MCP サーバーはツール・リソース・プロンプトテンプレートを提供します。標準メッセージでやり取りするため、1 つのサーバーを複数のクライアントで再利用できます。