# chrome-devtools-mcp - 6 Claude Skills de ChromeDevTools

> chrome-devtools-mcp: skills para depurar memoria, LCP, accesibilidad y automatizar Chrome desde agentes MCP como Claude.

Fuente: https://skillsagentes.com/skills/chromedevtools/chrome-devtools-mcp
Markdown: https://skillsagentes.com/skills/chromedevtools/chrome-devtools-mcp.md

Repositorio que expone Chrome DevTools como servidor MCP para agentes de codificación, con skills para depuración, accesibilidad y automatización del navegador mediante puppeteer.

## Instalar el pack entero

```bash
npx -y skills add ChromeDevTools/chrome-devtools-mcp --agent claude-code
```

Instala los 6 skills en el proyecto actual. Añade `-g` para toda la máquina, y cambia `--agent` por `cursor`, `codex`, `gemini`, `windsurf` o `cline`.

## Qué cubre

El repositorio ChromeDevTools/chrome-devtools-mcp expone un servidor MCP que da a agentes de codificación control sobre una instancia real de Chrome usando puppeteer. Los skills indexados cubren tareas concretas de depuración: Memory Leak Debugging para capturar y comparar heap snapshots en aplicaciones JavaScript/Node.js, Debug Optimize Lcp para diagnosticar el Largest Contentful Paint, A11y Debugging para auditar accesibilidad (ARIA, foco, teclado, contraste) siguiendo guías de web.dev, y Troubleshooting para resolver fallos de conexión con list_pages, new_page o navigate_page. Chrome Devtools y Chrome Devtools Cli cubren el uso general de DevTools vía MCP y su automatización por línea de comandos. Instalaría el pack completo quien desarrolle o mantenga aplicaciones web y quiera que su agente inspeccione, depure y audite el navegador directamente: revisando consola, red, trazas de rendimiento y accesibilidad sin salir del flujo de trabajo con el agente. El conjunto no cubre tareas de desarrollo ajenas al navegador ni funciona con Chromium alternativos de forma garantizada; el propio README limita el soporte oficial a Google Chrome y Chrome for Testing, y aclara que Chrome Devtools no aplica cuando el servidor MCP corre en modo --slim.

## Datos del repositorio

- Publicado por: [ChromeDevTools](https://skillsagentes.com/creators/chromedevtools.md)
- Skills indexados: 6
- Categorías: Herramientas para desarrolladores, Testing y QA
- Estrellas: 50348
- Licencia: Apache-2.0
- Último push: 2026-08-31
- [Código fuente](https://github.com/ChromeDevTools/chrome-devtools-mcp)

## Los 6 skills

- [Chrome Devtools Cli](https://skillsagentes.com/skills/chromedevtools/chrome-devtools-mcp/chrome-devtools-cli.md): Usa este skill para escribir scripts de shell o correr comandos de shell que automaticen el navegador u otras tareas de Chrome DevTools por CLI.
- [Troubleshooting](https://skillsagentes.com/skills/chromedevtools/chrome-devtools-mcp/troubleshooting.md): Usa Chrome DevTools MCP y su documentación para solucionar problemas de conexión y de target cuando fallan list_pages, new_page o navigate_page.
- [A11y Debugging](https://skillsagentes.com/skills/chromedevtools/chrome-devtools-mcp/a11y-debugging.md): Usa Chrome DevTools por MCP para depuración y auditoría de accesibilidad (a11y) siguiendo las guías de web.dev. Úsalo al probar HTML semántico, ARIA, foco, teclado, tap targets y contraste.
- [Debug Optimize Lcp](https://skillsagentes.com/skills/chromedevtools/chrome-devtools-mcp/debug-optimize-lcp.md): Guía la depuración y optimización del Largest Contentful Paint (LCP) usando las herramientas de Chrome DevTools MCP.
- [Memory Leak Debugging](https://skillsagentes.com/skills/chromedevtools/chrome-devtools-mcp/memory-leak-debugging.md): Diagnostica y resuelve fugas de memoria en aplicaciones JavaScript/Node.js capturando, comparando e inspeccionando heap snapshots.
- [Chrome Devtools](https://skillsagentes.com/skills/chromedevtools/chrome-devtools-mcp/chrome-devtools.md): Usa Chrome DevTools vía MCP para depuración eficiente, resolución de problemas y automatización del navegador. No aplica al modo --slim de configuración MCP.

## Preguntas frecuentes

- **¿Qué incluye chrome-devtools-mcp?** 6 skills indexados en este directorio, repartidos entre 2 categorías, sobre todo Herramientas para desarrolladores, Testing y QA. Cada uno es un SKILL.md con sus propios archivos, y en la lista de esta página tienes los 6 con enlace a su ficha.
- **¿Cómo instalo todo el pack chrome-devtools-mcp de una vez?** Con un solo comando: npx -y skills add ChromeDevTools/chrome-devtools-mcp --agent claude-code. Instala los 6 skills del repositorio en el proyecto actual. Añade -g al final para dejarlos disponibles en toda la máquina, y cambia --agent si usas Cursor, Codex, Gemini CLI, Windsurf o Cline.
- **¿Puedo instalar solo uno de los skills?** Sí. Cada ficha de skill trae su propio comando con el selector --skill, así que puedes coger uno suelto sin traerte los 6. Es lo recomendable si solo necesitas una tarea concreta: cada skill instalado ocupa contexto en tu agente.
- **¿Qué licencia tiene chrome-devtools-mcp?** El repositorio declara licencia Apache-2.0. Los archivos son del autor; este directorio solo los indexa y enlaza al origen.
- **¿Quién mantiene chrome-devtools-mcp?** ChromeDevTools, en GitHub. El último push al repositorio se registró el 31 de agosto de 2026.

---

[Todos los packs](https://skillsagentes.com/skills/packs.md) · [Todas las skills](https://skillsagentes.com/skills.md)

Skills Agentes · [Índice de páginas en markdown](https://skillsagentes.com/sitemap.md) · [Inicio](https://skillsagentes.com/index.md)