Chrome DevTools MCP (Google)

Es un conector que conecta la IA a las tripas de Chrome (las herramientas "DevTools" que usan los programadores). Con él, tu IA puede medir cómo va tu web por dentro: si carga lenta, qué peticiones fallan, qué errores hay en la consola, o cuánto tarda cada cosa.

Piénsalo como un mecánico para tu web: no solo la mira por fuera, abre el capó y mide qué falla.

Qué puede hacer:

• Rendimiento: Lighthouse, Core Web Vitals (LCP, INP, CLS), trazas.
• Depuración: leer la consola, errores y avisos.
• Red: ver todas las peticiones que hace la página.
• Auditoría: accesibilidad y buenas prácticas.
• Automatizar el navegador (navegar, clicar, capturas).

Detalle a favor: es de Google (los dueños de Chrome), gratis, y da datos objetivos de rendimiento que ninguna otra herramienta mide igual.

Cuando tu web va mal o quieres optimizarla:

• "¿Por qué va lenta mi web?" → medición de rendimiento.
• "¿Qué errores hay en la consola?" → depuración.
• "Mide mi Core Web Vitals" → métricas de Google.
• "Audita la accesibilidad" → comprobación.
• "¿Qué peticiones hace mi web?" → inspección de red.

Sí, para optimizar cualquier web (sobre todo si te importa el SEO y la velocidad).

No te sirve si no trabajas con webs. Complementa a Playwright (este mide; Playwright actúa).

Veredicto: ✅ Limpia* (el matiz es la telemetría).

• Origen oficial: Google (equipo Chrome DevTools). Apache-2.0.
• Funciona en local: maneja tu Chrome desde tu ordenador.
• El matiz: Google recoge estadísticas de uso (qué herramientas se usan, éxito, latencia y datos del entorno) y está activado por defecto. Se desactiva fácil añadiendo --no-usage-statistics. No recoge el contenido de tus páginas.
• Un detalle técnico: la comprobación de versión de Chrome usa child_process (ejecutar Chrome) — normal en una herramienta de navegador; no es nada raro.
• Sin claves ni cuentas.

En Claude Code:

claude mcp add chrome-devtools -- npx -y chrome-devtools-mcp@latest --no-usage-statistics

O en la configuración:

{
  "mcpServers": {
    "chrome-devtools": {
      "command": "npx",
      "args": ["-y", "chrome-devtools-mcp@latest", "--no-usage-statistics"]
    }
  }
}

(Quita --no-usage-statistics si no te importa la telemetría.)

• Repositorio: https://github.com/ChromeDevTools/chrome-devtools-mcp