Cómo utilizar Chrome DevTools MCP para la depuración del navegador. Úselo cuando necesite inspeccionar páginas, tomar capturas de pantalla, depurar problemas de la interfaz de usuario o verificar cambios visuales.
Instala rápidamente el skill de IA chrome-debug en tu entorno de desarrollo mediante línea de comandos
Fuente: akornmeier/claude-config.
This skill explains how to use the Chrome DevTools MCP for browser debugging and UI verification.
Before using Chrome DevTools MCP, you must launch Chrome in headless mode with remote debugging enabled:
This runs Chrome with the required flags for Docker/containerized environments:
Cómo utilizar Chrome DevTools MCP para la depuración del navegador. Úselo cuando necesite inspeccionar páginas, tomar capturas de pantalla, depurar problemas de la interfaz de usuario o verificar cambios visuales. Fuente: akornmeier/claude-config.
Campos y comandos estables para citas de IA/búsqueda.
npx skills add https://github.com/akornmeier/claude-config --skill chrome-debugCómo utilizar Chrome DevTools MCP para la depuración del navegador. Úselo cuando necesite inspeccionar páginas, tomar capturas de pantalla, depurar problemas de la interfaz de usuario o verificar cambios visuales. Fuente: akornmeier/claude-config.
Abre tu terminal o herramienta de línea de comandos (Terminal, iTerm, Windows Terminal, etc.) Copia y ejecuta este comando: npx skills add https://github.com/akornmeier/claude-config --skill chrome-debug Una vez instalado, el skill se configurará automáticamente en tu entorno de programación con IA y estará listo para usar en Claude Code, Cursor u OpenClaw
https://github.com/akornmeier/claude-config