Wird zum Erstellen oder Debuggen von Elementen verwendet, die in einem Browser ausgeführt werden. Verwenden Sie es, wenn Sie das DOM überprüfen, Konsolenfehler erfassen, Netzwerkanforderungen analysieren, ein Leistungsprofil erstellen oder die visuelle Ausgabe mit echten Laufzeitdaten über Chrome DevTools MCP überprüfen müssen.
Installieren Sie den KI-Skill browser-testing-with-devtools schnell in Ihrer Entwicklungsumgebung über die Kommandozeile
Quelle: 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 |
Wird zum Erstellen oder Debuggen von Elementen verwendet, die in einem Browser ausgeführt werden. Verwenden Sie es, wenn Sie das DOM überprüfen, Konsolenfehler erfassen, Netzwerkanforderungen analysieren, ein Leistungsprofil erstellen oder die visuelle Ausgabe mit echten Laufzeitdaten über Chrome DevTools MCP überprüfen müssen. Quelle: addyosmani/agent-skills.
Stabile Felder und Befehle für KI/Such-Zitate.
npx skills add https://github.com/addyosmani/agent-skills --skill browser-testing-with-devtoolsWird zum Erstellen oder Debuggen von Elementen verwendet, die in einem Browser ausgeführt werden. Verwenden Sie es, wenn Sie das DOM überprüfen, Konsolenfehler erfassen, Netzwerkanforderungen analysieren, ein Leistungsprofil erstellen oder die visuelle Ausgabe mit echten Laufzeitdaten über Chrome DevTools MCP überprüfen müssen. Quelle: addyosmani/agent-skills.
Öffnen Sie Ihr Terminal oder Kommandozeilen-Tool (Terminal, iTerm, Windows Terminal, etc.) Kopieren Sie diesen Befehl und führen Sie ihn aus: npx skills add https://github.com/addyosmani/agent-skills --skill browser-testing-with-devtools Nach der Installation wird der Skill automatisch in Ihrer KI-Programmierumgebung konfiguriert und ist bereit zur Verwendung in Claude Code, Cursor oder OpenClaw
https://github.com/addyosmani/agent-skills