Pack de 6 skills
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.
indexados aquí
cubiertas
en GitHub
al repositorio
chrome-devtools-mcp-v1.8.0
Funciona con cualquier agente que lea SKILL.md
npx -y skills add ChromeDevTools/chrome-devtools-mcp --agent claude-codeInstala todos los skills del repositorio, solo en este proyecto.
Instala los 6 skills del repositorio de una vez. Cada ficha individual trae su propio comando si solo quieres uno — cada skill instalado ocupa contexto en el agente.
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.
Los 6 más populares del pack, sobre Herramientas para desarrolladores, Testing y QA.
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.
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.
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.
Guía la depuración y optimización del Largest Contentful Paint (LCP) usando las herramientas de Chrome DevTools MCP.
Diagnostica y resuelve fugas de memoria en aplicaciones JavaScript/Node.js capturando, comparando e inspeccionando heap snapshots.
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.
