Esta es una guía de introducción para que puedas comenzar con BrowserMCP.

🚀 Deja que la IA tenga “ojos” y “manos”: Guía rápida para principiantes de BrowserMCP

¿Alguna vez has pensado que, si tu asistente de IA favorito (como Cursor o Claude Desktop) no solo pudiera escribir código y chatear, sino también controlar directamente tu navegador para buscar información, rellenar formularios o extraer datos de páginas web, sería mucho más conveniente?

BrowserMCP es la herramienta creada para eso. Es como un puente que conecta tu asistente de IA con el navegador Chrome, permitiendo que la IA pueda “ver” el mundo y realizar acciones a través del navegador.

🛠️ Preparación

Antes de comenzar, asegúrate de haber instalado el siguiente software:

Node.js: Es la base para ejecutar el servicio (debe estar instalado).
Herramienta de IA compatible con MCP: Actualmente soporta Cursor, Claude Desktop, Windsurf o VS Code.
Navegador Chrome (o navegador basado en Chromium).

⚡️ Tres pasos para empezar rápidamente

Primer paso: Configurar el “cerebro” (Servidor MCP)

Primero, necesitamos indicarle a tu herramienta de IA cómo conectarse al servicio BrowserMCP. Aquí tomamos Cursor como ejemplo (Claude Desktop es similar):
Abre el panel de configuración de Cursor.
Busca la pestaña "Tools" (herramientas).
Haz clic en "New MCP server" (crear nuevo servidor MCP).
En el cuadro de configuración, ingresa la siguiente información:

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

Haz clic en guardar/actualizar. Ahora la IA está lista para enviar instrucciones.

Segundo paso: Instalar las “manos” (Extensión del navegador)

Luego, necesitamos instalar en el navegador un “receptor” que ejecute los comandos enviados por la IA.

Ve al sitio oficial de BrowserMCP o a la tienda de extensiones e instala la extensión Browser MCP.

📌 Paso clave: tras la instalación, se recomienda fijar el icono de la extensión (Pin) en la barra de herramientas del navegador para facilitar su acceso.

Haz clic en el icono de Browser MCP en la esquina superior derecha del navegador.
Haz clic en el botón “Connect” (Conectar).
Nota: Este paso conecta la pestaña actual con la IA. Todas las acciones posteriores se realizarán en esta pestaña.

Tercer paso: Presenciar la magia (Automatización)
¡Todo listo! Ahora vuelve a tu herramienta de IA (por ejemplo, la interfaz de Chat de Cursor) y da instrucciones como si fuera una conversación normal:

Usuario: Abre Google, busca “Browser MCP” y dime cuál es el primer resultado de la búsqueda.

¿Qué sucede en segundo plano?

Cursor envía tu mensaje al servidor local mediante el protocolo MCP.
El servidor traduce la instrucción y la envía al plugin del navegador.
El plugin del navegador abre Google, ingresa el texto y hace clic en buscar.
El plugin lee el contenido de la página web y lo transmite de vuelta a Cursor.
Cursor resume el contenido y te responde.

💡 Consejos útiles

¿Para qué sirve?

“Ayúdame a resumir el contenido de esta página web.”

“Revisa en GitHub cuál es el último Issue de este proyecto.”

“Ayúdame a rellenar este formulario de prueba (proporciona los datos).”

¡Ahora tu IA ya no está atrapada en el cuadro de chat! ¡Prueba a hacerla navegar por Internet! 🌊

Video demostrativo