browser-mcp
Local browser automation MCP server for Claude Code, enabling navigation, clicking, typing, and inspecting real web pages via Google Chrome.
README
browser-mcp
Servidor MCP local de automação de navegador para o Claude Code: dá ao Claude ferramentas para navegar, clicar, digitar e inspecionar páginas web reais usando o Google Chrome já instalado na máquina.
Por que existe
A maioria das libs de automação simula clique/digitação via eventos de mouse/teclado no nível do sistema operacional (CDP). Isso funciona bem em apps modernos, mas quebra silenciosamente em várias aplicações web legadas (ex: JSF/PrimeFaces), onde o listener de evento é delegado via jQuery e não recebe o evento simulado. Este servidor dispara os eventos DOM (mousedown/mouseup/click, input/change) diretamente no elemento via JavaScript, o que se mostrou mais confiável nesses casos.
Também inclui um browser_snapshot: uma árvore de texto compacta da página (em vez de screenshot), pensada pra gastar poucos tokens quando não é preciso conferir visualmente.
Requisitos
- Node.js (testado com v16)
- Google Chrome instalado na máquina (usa o binário do sistema, não baixa um Chromium embutido)
Instalação
git clone <url-do-repo>
cd browser-mcp
npm install
Configuração
| Variável | Padrão | Descrição |
|---|---|---|
BROWSER_MCP_CHROME_PATH |
/usr/bin/google-chrome-stable |
Caminho do binário do Chrome |
BROWSER_MCP_DOWNLOAD_DIR |
./downloads |
Pasta onde downloads feitos pelo navegador são salvos |
Registrar no Claude Code
claude mcp add browser -- node /caminho/completo/para/browser-mcp/server.js
Ferramentas disponíveis
| Ferramenta | Descrição |
|---|---|
browser_navigate |
Abre uma URL (lança o Chrome na primeira chamada) |
browser_click |
Clica em um elemento via seletor CSS |
browser_type |
Preenche um campo de texto |
browser_select |
Seleciona uma opção em um <select> |
browser_wait_for_selector |
Espera um elemento aparecer (útil após AJAX) |
browser_get_text |
Lê o texto visível de um elemento ou da página |
browser_snapshot |
Árvore de texto compacta dos elementos relevantes da página |
browser_upload_file |
Faz upload de um arquivo em um <input type="file"> |
browser_screenshot |
Tira um screenshot (viewport, página inteira ou de um elemento) |
browser_evaluate |
Executa JavaScript arbitrário na página |
browser_close |
Encerra a sessão do navegador |
Arquitetura
Um único arquivo (server.js), sem dependências além de puppeteer-core. Fala o protocolo MCP via JSON-RPC 2.0 sobre stdio (uma mensagem por linha). As chamadas de ferramenta são serializadas em fila: automação de navegador é sequencial por natureza, então duas chamadas concorrentes contra a mesma aba/página são executadas uma após a outra, nunca em paralelo.
Licença
MIT — veja LICENSE.
推荐服务器
Baidu Map
百度地图核心API现已全面兼容MCP协议,是国内首家兼容MCP协议的地图服务商。
Playwright MCP Server
一个模型上下文协议服务器,它使大型语言模型能够通过结构化的可访问性快照与网页进行交互,而无需视觉模型或屏幕截图。
Audiense Insights MCP Server
通过模型上下文协议启用与 Audiense Insights 账户的交互,从而促进营销洞察和受众数据的提取和分析,包括人口统计信息、行为和影响者互动。
Magic Component Platform (MCP)
一个由人工智能驱动的工具,可以从自然语言描述生成现代化的用户界面组件,并与流行的集成开发环境(IDE)集成,从而简化用户界面开发流程。
VeyraX
一个单一的 MCP 工具,连接你所有喜爱的工具:Gmail、日历以及其他 40 多个工具。
Kagi MCP Server
一个 MCP 服务器,集成了 Kagi 搜索功能和 Claude AI,使 Claude 能够在回答需要最新信息的问题时执行实时网络搜索。
graphlit-mcp-server
模型上下文协议 (MCP) 服务器实现了 MCP 客户端与 Graphlit 服务之间的集成。 除了网络爬取之外,还可以将任何内容(从 Slack 到 Gmail 再到播客订阅源)导入到 Graphlit 项目中,然后从 MCP 客户端检索相关内容。
mcp-server-qdrant
这个仓库展示了如何为向量搜索引擎 Qdrant 创建一个 MCP (Managed Control Plane) 服务器的示例。
e2b-mcp-server
使用 MCP 通过 e2b 运行代码。
Neon MCP Server
用于与 Neon 管理 API 和数据库交互的 MCP 服务器