Comment utiliser Chrome DevTools MCP pour le débogage du navigateur. À utiliser lorsque vous devez inspecter des pages, prendre des captures d'écran, déboguer des problèmes d'interface utilisateur ou vérifier des modifications visuelles.
Installez rapidement le skill IA chrome-debug dans votre environnement de développement via la ligne de commande
Source : 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:
Comment utiliser Chrome DevTools MCP pour le débogage du navigateur. À utiliser lorsque vous devez inspecter des pages, prendre des captures d'écran, déboguer des problèmes d'interface utilisateur ou vérifier des modifications visuelles. Source : akornmeier/claude-config.
Champs et commandes stables pour les citations IA/recherche.
npx skills add https://github.com/akornmeier/claude-config --skill chrome-debugComment utiliser Chrome DevTools MCP pour le débogage du navigateur. À utiliser lorsque vous devez inspecter des pages, prendre des captures d'écran, déboguer des problèmes d'interface utilisateur ou vérifier des modifications visuelles. Source : akornmeier/claude-config.
Ouvrez votre terminal ou outil de ligne de commande (Terminal, iTerm, Windows Terminal, etc.) Copiez et exécutez cette commande : npx skills add https://github.com/akornmeier/claude-config --skill chrome-debug Une fois installé, le skill sera automatiquement configuré dans votre environnement de programmation IA et prêt à être utilisé dans Claude Code, Cursor ou OpenClaw
https://github.com/akornmeier/claude-config