À utiliser lors de la création ou du débogage de tout ce qui s'exécute dans un navigateur. À utiliser lorsque vous devez inspecter le DOM, capturer les erreurs de la console, analyser les requêtes réseau, profiler les performances ou vérifier la sortie visuelle avec des données d'exécution réelles via Chrome DevTools MCP.
Installez rapidement le skill IA browser-testing-with-devtools dans votre environnement de développement via la ligne de commande
Source : addyosmani/agent-skills.
Use Chrome DevTools MCP to give your agent eyes into the browser. This bridges the gap between static code analysis and live browser execution — the agent can see what the user sees, inspect the DOM, read console logs, analyze network requests, and capture performance data. Instead of guessing what's happening at runtime, verify it.
When NOT to use: Backend-only changes, CLI tools, or code that doesn't run in a browser.
| Tool | What It Does | When to Use |
À utiliser lors de la création ou du débogage de tout ce qui s'exécute dans un navigateur. À utiliser lorsque vous devez inspecter le DOM, capturer les erreurs de la console, analyser les requêtes réseau, profiler les performances ou vérifier la sortie visuelle avec des données d'exécution réelles via Chrome DevTools MCP. Source : addyosmani/agent-skills.
Champs et commandes stables pour les citations IA/recherche.
npx skills add https://github.com/addyosmani/agent-skills --skill browser-testing-with-devtoolsÀ utiliser lors de la création ou du débogage de tout ce qui s'exécute dans un navigateur. À utiliser lorsque vous devez inspecter le DOM, capturer les erreurs de la console, analyser les requêtes réseau, profiler les performances ou vérifier la sortie visuelle avec des données d'exécution réelles via Chrome DevTools MCP. Source : addyosmani/agent-skills.
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/addyosmani/agent-skills --skill browser-testing-with-devtools 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/addyosmani/agent-skills