·chrome-devtools
</>

chrome-devtools

Verwendet Chrome DevTools über MCP für effizientes Debuggen, Fehlerbehebung und Browser-Automatisierung. Verwenden Sie es zum Debuggen von Webseiten, zum Automatisieren von Browserinteraktionen, zum Analysieren der Leistung oder zum Überprüfen von Netzwerkanforderungen. Diese Fähigkeit gilt nicht für den „--slim“-Modus (MCP-Konfiguration).

10Installationen·1Trend·@wenerme

Installation

$npx skills add https://github.com/wenerme/ai --skill chrome-devtools

So installieren Sie chrome-devtools

Installieren Sie den KI-Skill chrome-devtools schnell in Ihrer Entwicklungsumgebung über die Kommandozeile

  1. Terminal öffnen: Öffnen Sie Ihr Terminal oder Kommandozeilen-Tool (Terminal, iTerm, Windows Terminal, etc.)
  2. Installationsbefehl ausführen: Kopieren Sie diesen Befehl und führen Sie ihn aus: npx skills add https://github.com/wenerme/ai --skill chrome-devtools
  3. Installation überprüfen: Nach der Installation wird der Skill automatisch in Ihrer KI-Programmierumgebung konfiguriert und ist bereit zur Verwendung in Claude Code, Cursor oder OpenClaw

Quelle: wenerme/ai.

Browser lifecycle: Browser starts automatically on first tool call using a persistent Chrome profile. Configure via CLI args in the MCP server configuration: npx chrome-devtools-mcp@latest --help.

Page selection: Tools operate on the currently selected page. Use listpages to see available pages, then selectpage to switch context.

Element interaction: Use takesnapshot to get page structure with element uids. Each element has a unique uid for interaction. If an element isn't found, take a fresh snapshot - the element may have been removed or the page changed.

Verwendet Chrome DevTools über MCP für effizientes Debuggen, Fehlerbehebung und Browser-Automatisierung. Verwenden Sie es zum Debuggen von Webseiten, zum Automatisieren von Browserinteraktionen, zum Analysieren der Leistung oder zum Überprüfen von Netzwerkanforderungen. Diese Fähigkeit gilt nicht für den „--slim“-Modus (MCP-Konfiguration). Quelle: wenerme/ai.

Fakten (zitierbereit)

Stabile Felder und Befehle für KI/Such-Zitate.

Installationsbefehl
npx skills add https://github.com/wenerme/ai --skill chrome-devtools
Kategorie
</>Entwicklung
Verifiziert
Erstes Auftreten
2026-03-10
Aktualisiert
2026-03-10

Browse more skills from wenerme/ai

Schnelle Antworten

Was ist chrome-devtools?

Verwendet Chrome DevTools über MCP für effizientes Debuggen, Fehlerbehebung und Browser-Automatisierung. Verwenden Sie es zum Debuggen von Webseiten, zum Automatisieren von Browserinteraktionen, zum Analysieren der Leistung oder zum Überprüfen von Netzwerkanforderungen. Diese Fähigkeit gilt nicht für den „--slim“-Modus (MCP-Konfiguration). Quelle: wenerme/ai.

Wie installiere ich chrome-devtools?

Ö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/wenerme/ai --skill chrome-devtools Nach der Installation wird der Skill automatisch in Ihrer KI-Programmierumgebung konfiguriert und ist bereit zur Verwendung in Claude Code, Cursor oder OpenClaw

Wo ist das Quell-Repository?

https://github.com/wenerme/ai