H/Ai Browser

io.github.festuscharles-nv0.0.1更新於 Oct 2, 2026

Let AI agents drive VS Code's built-in browser alongside you, with click-to-source.

已驗證STDIO僅桌面Developer ToolsBrowser Automation

概覽

AI 產生的概覽

讓 AI 助理操作你在 VS Code 整合式瀏覽器中分享的分頁,支援快照、點擊、輸入、截圖與點擊定位原始碼。

功能
這個 MCP 伺服器會把 Claude Code、Codex CLI、Gemini CLI、Cline 等 MCP 用戶端連接到你在 VS Code 整合式瀏覽器中分享的分頁。它提供頁面快照、點擊、輸入、填寫表單、管理分頁、截圖、讀取主控台與網路記錄,以及回傳你所選元素等工具。擴充功能已內含此伺服器,並可代為設定支援的用戶端。
適用情境
當你希望在 VS Code 中工作時讓助理檢查並操作真實瀏覽器頁面時使用,例如重現介面問題、填寫表單或查看主控台與網路活動。它面向桌面版 VS Code 使用者,而非無頭或遠端環境。
執行需求
需要本機 Node.js 執行環境,透過 stdio 執行 npm 套件 hai-browser-mcp,並在 VS Code 中執行 H/Ai Browser 擴充功能且分享一個瀏覽器分頁。未宣告帳號、API 金鑰、環境變數或標頭。擴充功能可為支援的用戶端自動註冊此伺服器。
安裝前請注意
此伺服器可操作分享的瀏覽器分頁:點擊、輸入、送出表單與切換分頁可能變更或傳送目前網站上的資料。主控台與網路記錄以及頁面內容會傳給 MCP 用戶端,因此不要分享含敏感資訊的分頁。清單未要求任何憑證。

安裝

在 SourceWeft 中

  1. 開啟 儀表板中的 H/Ai Browser,將其新增到工作區。
  2. 為需要使用其工具的對話啟用該服務。

Desktop only,透過 STDIO。 STDIO 服務會啟動本機處理程序,因此需要 SourceWeft 桌面主機。

其他 MCP 客戶端

參照 儲存庫 中的啟動說明。

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:

sh
claude mcp add --scope user hai-browser -- npx -y hai-browser-mcp
json
{ "mcpServers": { "hai-browser": { "command": "npx", "args": ["-y", "hai-browser-mcp"] } } }

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

來源:packages/mcp/README.md,提交 e9b7230

工具

0
工具後設資料尚未被收錄。

版本歷史

1
  1. v0.0.1最新Oct 2, 2026