Esta é uma introdução rápida para começar a usar o BrowserMCP.

🚀 Faça a IA “ver” e “agir”: Guia para iniciantes do BrowserMCP

Já pensou se o seu assistente de IA favorito (como Cursor ou Claude Desktop) pudesse não só escrever código, conversar, mas também controlar diretamente o seu navegador para pesquisar informações, preencher formulários ou extrair dados de páginas web? Não seria ótimo?

O BrowserMCP foi criado exatamente para isso. Ele funciona como uma ponte, conectando seu assistente de IA ao navegador Chrome, permitindo que a IA veja o mundo através do navegador e execute ações.

🛠️ Preparação

Antes de começar, certifique-se de que instalou os seguintes softwares:

Node.js: base para executar o serviço (obrigatório).
Ferramenta de IA compatível com MCP: atualmente suporta Cursor, Claude Desktop, Windsurf ou VS Code.
Navegador Chrome (ou navegador baseado em Chromium).

⚡️ Guia rápido de três passos

Primeiro passo: configurar o “cérebro” (Servidor MCP)

Primeiro, precisamos informar à sua ferramenta de IA como conectar-se ao serviço BrowserMCP. Aqui, usamos o Cursor como exemplo (Claude Desktop é similar):
Abra o painel de configurações do Cursor.
Encontre a aba "Tools" (Ferramentas).
Clique em "New MCP server" (Criar novo servidor MCP).
Preencha o formulário de configuração com as seguintes informações:

{
"mcpServers": {
"browsermcp": {
"command": "npx",
"args": ["@browsermcp/mcp@latest"]
}
}
}

Clique em salvar/atualizar. Agora, sua IA está pronta para enviar comandos.

Segundo passo: instalar a “dupla” (Extensão do navegador)

Em seguida, precisamos instalar uma “recebedora” no navegador, que executará os comandos enviados pela IA.

Acesse o site oficial do BrowserMCP ou a loja de extensões e instale a extensão Browser MCP.

📌 Passo importante: após a instalação, recomenda-se fixar o ícone da extensão (Pin) na barra de ferramentas do navegador para facilitar o acesso.

Clique no ícone do Browser MCP no canto superior direito do navegador.
Clique no botão “Connect” (Conectar).
Nota: Este passo conecta a aba atual à IA. Todas as ações subsequentes ocorrerão nesta aba.

Terceiro passo: testemunhar a magia (começar a automação)
Tudo pronto! Agora, volte ao seu ferramenta de IA (por exemplo, a interface do Chat do Cursor) e dê comandos como de costume:

Usuário: Abra o Google, pesquise por “Browser MCP” e me diga qual é o primeiro resultado.

O que acontece por trás?

O Cursor envia sua mensagem ao servidor local via protocolo MCP.
O servidor interpreta o comando e o transmite ao plugin do navegador.
O plugin do navegador realiza ações no Google — navega até o site, digita o texto, clica em pesquisar.
O plugin lê o conteúdo da página e envia de volta ao Cursor.
O Cursor resume o conteúdo e responde a você.

💡 Dicas de uso

O que é possível fazer?

“Resuma o conteúdo desta página.”

“Verifique no GitHub qual é o último Issue deste projeto.”

“Preencha este formulário de teste (fornecendo os dados).”

Agora, seu IA não fica mais presa na janela de chat. Vá experimentar fazer ela navegar na internet! 🌊

Demonstração em vídeo