mcpField
H
H/Ai Browser

H/Ai Browser

Local
marketplace.visualstudio.comBrowser Automation0Updated 1w ago
RepositoryVisit website

About H/Ai Browser

H/Ai Browser is an MCP server that lets AI clients control the browser tab shared from VS Code's Integrated Browser. It supports page interaction and inspection, including click-to-source for a selected element.

Key features

  1. 01Capture page snapshots
  2. 02Click, type, and fill forms
  3. 03Manage tabs and take screenshots
  4. 04Inspect console and network logs
  5. 05Access the selected element

Use cases

  1. 01Let an AI client interact with a shared browser tab
  2. 02Inspect console and network activity
  3. 03Use a selected page element as a source

MCP support

The MCP server exposes browser controls and inspection data to MCP clients. The H/Ai Browser VS Code extension bundles and configures it, or clients can be configured to run the package directly.

Configuration

Local server config is the same for every client. Copy it into your client’s MCP config file.

mcp.json · Universal config
{
  "mcpServers": {
    "festuscharles-n-hai-browser": {
      "command": "npx",
      "args": [
        "-y",
        "hai-browser-mcp"
      ]
    }
  }
}
Run commandnpx -y hai-browser-mcp

Local servers need a runtime on your machine (e.g. Node.js 18+). Config file locations differ by client; see your client’s docs.

Packages
npmhai-browser-mcp0.0.10

Tools

24

Saved tool list · updated 2w ago

This tool takes no parameters.

Details

From the project README

hai-browser-mcp

MCP server for H/Ai Browser. It lets Claude Code, Codex CLI, Gemini CLI, Cline and other MCP clients drive the browser tab you share from VS Code's Integrated Browser: snapshots, clicks, typing, forms, tabs, screenshots, console and network logs, and the element you picked.

It needs the H/Ai Browser extension running in VS Code. The extension already bundles this server and sets it up for you (H/Ai: Connect Claude Code / H/Ai: Connect Other Agents). Use this package if you prefer to configure your client yourself:

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

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

See https://github.com/SnapBlock/hai-browser for details.

Comments

Markdown supported

New to MCP?

From what the protocol is to installing your first server, these answers cover most first questions.

An open protocol that defines how AI applications connect to external tools and data in a uniform way. Clients talk to the model; MCP servers provide tools, resources and prompt templates. They exchange standard messages, so one server can be reused by many clients.