Deja que Claude controle e inspeccione un Chrome real para depurar y analizar páginas web.

Chrome DevTools MCP, del equipo de Chrome DevTools de Google, abre o se conecta a un navegador Chrome real para que Claude navegue por las páginas, lea errores de consola y solicitudes de red y grabe trazas de rendimiento. Es ideal para comprobar que un cambio funciona en un navegador de verdad y para averiguar por qué una página es lenta o falla.

Para quién es

Desarrolladores front-end que depuran páginas
Quien quiera comprobar que un cambio web hecho con IA funciona en un navegador real
Equipos que trabajan en la velocidad de carga

Prompts para probar

Cuando esté conectado, pide lo que quieras con tus palabras. Tu herramienta de IA decide cuándo usar el servidor y te pregunta antes de cambiar algo importante.

Prompt 1

Abre localhost:3000, envía el formulario de registro con datos de prueba y dime si hay errores en la consola.

Prompt 2

Graba una traza de rendimiento de nuestra página de inicio y explica qué hace lento el primer renderizado.

Prompt 3

Ejecuta una auditoría de Lighthouse en la página de precios y lista los problemas de accesibilidad que encuentre.

Cómo conectarlo en tu herramienta de IA

MCP es un estándar abierto, así que este servidor funciona en Claude, ChatGPT, Codex, Cursor, VS Code y más. Elige tu herramienta:

Lo más fácil: pega esto en Claude Code

Conecta por mí el servidor MCP de Chrome DevTools MCP a Claude Code: ejecuta este comando: claude mcp add chrome-devtools --scope user npx chrome-devtools-mcp@latest
Si un valor empieza por YOUR_, pídemelo primero. Cuando esté conectado, ayúdame a iniciar sesión si hace falta y muéstrame algo que pueda pedirle.

O hazlo tú mismo:

$claude mcp add chrome-devtools --scope user npx chrome-devtools-mcp@latest

Bueno saber

Por defecto envía estadísticas de uso a Google (agrega --no-usage-statistics para desactivarlas), y Claude puede ver todo lo que esté abierto en ese navegador, así que evita sitios sensibles.

Desbloquea los pasos de configuración

Gratis. Deja tu email una vez para abrir los pasos de configuración de los 150 servidores y recibir cada mes los mejores conectores nuevos.

Cómo lo verificamos

Revisamos el repo de GitHub (Apache-2.0, 53.7k estrellas, versión 1.11.0 del 2026-10-15), su guía de configuración de clientes y la referencia de herramientas, y el paquete npm chrome-devtools-mcp.

Fuente: github.com/ChromeDevTools/chrome-devtools-mcp

Chrome DevTools MCP