Chrome DevTools

Controla e inspecciona un navegador Chrome en tiempo real directamente desde tu agente de código. Chrome DevTools MCP ofrece 29 herramientas que abarcan automatización del navegador, perfilado de rendimiento, análisis de red y depuración — proporcionando a Claude capacidades completas de DevTools mediante Puppeteer y el Chrome DevTools Protocol.

Automatiza interacciones en el navegador con herramientas para hacer clic, escribir, rellenar formularios, subir archivos, navegar por páginas y gestionar diálogos. Emula dispositivos móviles y viewports personalizados para probar diseños responsivos. Registra trazas de rendimiento e instantáneas de memoria para diagnosticar cuellos de botella, ejecuta auditorías de Lighthouse y obtén recomendaciones de rendimiento accionables, incluidos datos de campo de CrUX.

Inspecciona solicitudes de red, lee mensajes de consola con trazas de pila mapeadas al código fuente, captura capturas de pantalla, toma instantáneas del DOM y ejecuta JavaScript en el contexto de la página. Hay un modo ligero disponible para tareas básicas del navegador.

Cómo se usa: Pide a Claude que interactúe con tu aplicación en ejecución en Chrome. Ejemplos de consultas: «Abre mi aplicación en localhost:3000 y haz clic en el botón de inicio de sesión», «Registra una traza de rendimiento mientras desplazo la página y dime qué va lento», «Captura una pantalla de la página de inicio en un viewport móvil», «Revisa la consola para ver si hay errores tras enviar el formulario», «Ejecuta una auditoría de Lighthouse en esta página y resume los resultados», «Lista todas las solicitudes de red realizadas al cargar el panel».