mcp MCP — Casos de uso, Instalar & Demo en vivo

Por qué usarlo

Características clave

Controla tu perfil de Chrome existente — las sesiones ya iniciadas funcionan
Local — sin servicio externo de automatización del navegador
Usa la huella digital real del navegador; evita la mayoría de la detección de bots
Gratuito (extensión de Chrome + MCP local)

Demo en vivo

Cómo se ve en la práctica

mcp.replay ▶ listo

0/0

Instalar

Elige tu cliente

~/Library/Application Support/Claude/claude_desktop_config.json · Windows: %APPDATA%\Claude\claude_desktop_config.json

{
  "mcpServers": {
    "mcp": {
      "command": "npx",
      "args": [
        "-y",
        "mcp"
      ],
      "_inferred": true
    }
  }
}

Abre Claude Desktop → Settings → Developer → Edit Config. Reinicia después de guardar.

~/.cursor/mcp.json · .cursor/mcp.json

{
  "mcpServers": {
    "mcp": {
      "command": "npx",
      "args": [
        "-y",
        "mcp"
      ],
      "_inferred": true
    }
  }
}

Cursor usa el mismo esquema mcpServers que Claude Desktop. La configuración del proyecto prevalece sobre la global.

VS Code → Cline → MCP Servers → Edit

{
  "mcpServers": {
    "mcp": {
      "command": "npx",
      "args": [
        "-y",
        "mcp"
      ],
      "_inferred": true
    }
  }
}

Haz clic en el icono MCP Servers de la barra lateral de Cline y luego en "Edit Configuration".

~/.codeium/windsurf/mcp_config.json

{
  "mcpServers": {
    "mcp": {
      "command": "npx",
      "args": [
        "-y",
        "mcp"
      ],
      "_inferred": true
    }
  }
}

Mismo formato que Claude Desktop. Reinicia Windsurf para aplicar.

~/.continue/config.json

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

Continue usa un array de objetos de servidor en lugar de un mapa.

~/.config/zed/settings.json

{
  "context_servers": {
    "mcp": {
      "command": {
        "path": "npx",
        "args": [
          "-y",
          "mcp"
        ]
      }
    }
  }
}

Añádelo a context_servers. Zed recarga en caliente al guardar.

claude mcp add mcp -- npx -y mcp

Un solo comando. Verifica con claude mcp list. Quita con claude mcp remove.

Casos de uso

Usos del mundo real: mcp

Automatizar tareas detrás de tus inicios de sesión web reales (Gmail, paneles de administración)

👤 Usuarios avanzados de productividad, operaciones ⏱ ~15 min intermediate

Cuándo usarlo: Un servicio no tiene API e iniciaste sesión vía SSO — quieres que Claude haga trabajo repetitivo en esa pestaña.

Requisitos previos

Chrome + extensión Browser MCP instalada — docs.browsermcp.io → instalar extensión

Flujo

Otorga acceso a la extensión para la pestaña de destino

Abre la pestaña del panel de administración, haz clic en el icono de la extensión Browser MCP, autoriza esta pestaña.✓ Copiado

→ La extensión muestra 'conectada'
Delega una tarea

En el panel de administración: encuentra el usuario con correo X, cambia su plan a 'Pro', toma una captura de pantalla de la confirmación.✓ Copiado

→ La tarea se completa con prueba visual

Resultado: Acciones administrativas repetitivas realizadas vía chat, sin trabajo de integración API.

Errores comunes

Ejecutar acciones que no pretendías — esta es tu cuenta real — Sé preciso en los prompts; el MCP no deshace. Prueba primero en cuentas de staging

Extrae datos de sitios que bloquean scrapers sin cabecera

👤 Investigadores, analistas ⏱ ~15 min intermediate

Cuándo usarlo: Un sitio que estás autorizado a leer programáticamente bloquea las huellas digitales de Playwright/Selenium.

Flujo

Navega manualmente primero si es necesario

Browser MCP usa tus pestañas abiertas; navega al destino, luego pídeme que lo lea✓ Copiado

→ La pestaña correcta está activa
Extrae datos estructurados

Lee la tabla de resultados en esta página y devuelve como JSON con columnas [name, date, value]✓ Copiado

→ Datos estructurados

Resultado: Datos que no podías obtener con herramientas sin cabecera, obtenidos a través de tu sesión normal del navegador.

Errores comunes

Usar esto para raspar datos a escala violando los Términos de Servicio de un sitio — Mantente dentro de los límites de velocidad que generaría un humano; respeta robots.txt

Combinar con: filesystem

Reproduce un error de usuario en tu navegador real

👤 Ingenieros de soporte ⏱ ~10 min beginner

Cuándo usarlo: Un cliente reporta un error; quieres replicar su exacta ruta de clics en tu propia sesión iniciada para verlo.

Flujo

Reproduce los pasos reportados

Reproduce el flujo de este usuario en la pestaña de la aplicación: login → Settings → toggle X → save. Reporta qué sucede y cualquier error de consola.✓ Copiado

→ Resultado de la reproducción con errores

Resultado: Triaje de soporte más rápido que intercambios de video.

Combinar con: sentry

Combinaciones

Combínalo con otros MCPs para multiplicar por 10

mcp + filesystem

Guarda datos raspados en disco

Extrae la tabla en esta página y guarda como ./exports/{hostname}-{date}.csv.✓ Copiado

mcp + sentry

Reproduce un error de usuario vinculado a un evento de Sentry

El evento de Sentry XYZ muestra migas de pan [open, click, save]. Reprodúcelas en mi pestaña actual y compara el resultado.✓ Copiado

Herramientas

Lo que expone este MCP

Herramienta	Entradas	Cuándo llamar
browser_navigate	url: str	Mueve la pestaña actual
browser_snapshot		Ver contenido estructurado de la página
browser_click	ref or selector	Haz clic en elementos
browser_type	ref, text	Rellena entradas
browser_screenshot	fullPage?	Captura el estado

Coste y límites

Lo que cuesta ejecutarlo

Cuota de API: Ninguno — local
Tokens por llamada: Snapshots 500-3000
Monetario: Gratuito
Consejo: Prefiere referencias basadas en snapshots sobre capturas de pantalla para acciones — más baratas y más confiables

Seguridad

Permisos, secretos, alcance

Almacenamiento de credenciales: Usa las cookies de tu navegador real — estas son tan sensibles como tus sesiones

Salida de datos: Las pestañas se conectan a lo que sea que navegues; sin telemetría

Resolución de problemas

Errores comunes y soluciones

La extensión muestra 'no conectada'

Haz clic en el icono de la extensión en la pestaña de destino y autoriza; la conexión es por pestaña

Verificar: La insignia muestra verde

Las acciones no hacen nada en un SPA

Toma una captura primero — los SPAs a menudo necesitan una espera antes de que los elementos sean interactivos

El sitio detectó automatización de todas formas

Raro — desactiva otras extensiones que modifiquen propiedades del navegador; reinicia el navegador

Alternativas

mcp vs otros

Alternativa	Cuándo usarla	Contrapartida
Playwright MCP	Quieres automatización del navegador hermética, scriptable y amigable con CI	Sin acceso a sesión real; más detectable como bot
Puppeteer MCP	Control sin cabecera solo de Chromium	Los mismos intercambios que Playwright, menor superficie

Más

Recursos

📖 Lee el README oficial en GitHub

🐙 Ver issues abiertas

🔍 Ver todos los 400+ servidores MCP y Skills