Fähigkeiten chrome-devtools-debugging

📦

chrome-devtools-debugging

Name: chrome-devtools-debugging
Author: Consiliency

Inhaltsrevision r1 Hohes Risiko 🌐 Netzwerkzugriff⚡ Enthält Skripte⚙️ Externe Befehle

Web-Apps mit Chrome DevTools debuggen

Browserfehler verbergen sich oft in Konsolenprotokollen, Netzwerkverkehr und authentifiziertem Zustand. Dieser Skill führt Claude, Codex und Claude Code durch das Debugging mit Chrome DevTools MCP.

Unterstützt: Claude Codex Code(CC)

⚠️ 38 Schlecht

Vor der Installation anhalten und eine Bestätigung anfordern.

Prüfen Sie den Plan und holen Sie vor Änderungen an Dateien die ausdrückliche Zustimmung des Benutzers ein.

Mit meinem Agent installieren

Kopieren Sie diese Anfrage in Ihren Agent. Sie enthält die maßgebliche Skill-Seite und das Manifest.

Agent-Anfrage

Review the Skillstore skill "chrome-devtools-debugging" from https://skillstore.io/skills/consiliency-chrome-devtools-debugging.md and its manifest at https://skillstore.io/api/skills/consiliency-chrome-devtools-debugging/manifest. Verify the artifact. Stop and obtain explicit user consent before installing or changing files.

Ihr Agent sollte weiterhin seinen Plan anzeigen und alle von der Sicherheitsrichtlinie verlangten Bestätigungen anfordern.

Agent-lesbare Ressourcen

Verwenden Sie diese Links, wenn ein KI-Agent, Crawler oder Skript sauberen Kontext benötigt, statt die vollständige Seite zu lesen.

Markdown-Detailseite GET /skills/consiliency-chrome-devtools-debugging.md Signiertes manifest GET /api/skills/consiliency-chrome-devtools-debugging/manifest Signiertes lockfile GET /api/skills/consiliency-chrome-devtools-debugging/lockfile

Testen

„chrome-devtools-debugging“ wird verwendet. Finde heraus, warum das Dashboard nach der Anmeldung eine leere Seite zeigt.

Erwartetes Ergebnis:

Die Konsolenprüfung fand eine Frontend-Ausnahme während des Dashboard-Renderings.
Die Netzwerkprüfung fand eine fehlgeschlagene Sitzungsanfrage mit einem Autorisierungsfehler.
Empfohlener nächster Schritt: Token-Refresh-Handling prüfen, ohne Token-Werte offenzulegen.

„chrome-devtools-debugging“ wird verwendet. Prüfe, ob die Produktseite wegen API-Aufrufen langsam ist.

Erwartetes Ergebnis:

Die langsamsten Anfragen waren Produktsuche- und Bildmetadatenaufrufe.
Der Browser-Trace zeigte, dass das Rendering auf die Suchantwort wartete.
Empfohlener nächster Schritt: Metadaten cachen und nicht kritische Bildarbeit verzögern.

„chrome-devtools-debugging“ wird verwendet. Überprüfe vor dem Release die aktuellen Warnungen in der Browserkonsole.

Erwartetes Ergebnis:

Der Bericht listet Warnungskategorien, betroffene Seiten, wahrscheinliche Ursachen und vorgeschlagene Verantwortliche auf, ohne sensible Browserdaten zu kopieren.

Sicherheitsaudit

Hohes Risiko

v10 • 13.7.2026 Versionsbericht öffnen

Most static findings are false positives caused by Markdown formatting, reserved example URLs, localhost endpoints, and a normal Python import. The guides expose authenticated browser data, enable remote debugging on logged-in sessions, and recommend an unpinned NPM package. Publication should require version pinning and clear browser isolation and secret-handling safeguards.

Gescannte Dateien

1,033

Analysierte Zeilen

Prüfelemente

Falschmeldungen ignoriert

Bestätigte Sicherheitsbedenken (2)

Hoch

SKILL.md:110-130 cookbook/console-debugging.md:91-108 cookbook/network-debugging.md:90-130 reference.md:183-206

Authentication Secrets Printed in Debug Output

The guides direct users to print complete localStorage, sessionStorage, cookies, token values, and inspect authorization headers from authenticated sessions. This can expose credentials in terminal logs or model context.

Multiple explicit examples read and print browser authentication storage, cookies, tokens, or authorization data without redaction guidance.

Mittel

SKILL.md:29-46 SKILL.md:110-130

Authenticated Browser Exposed to Remote Debugging

The setup enables a DevTools endpoint and then operates on a logged-in browser session. Any process that can reach the endpoint can control tabs and inspect sensitive page data.

The documented workflow explicitly starts Chrome with remote debugging and uses the connection against an authenticated session.

Elemente der Fähigkeitsprüfung (1)

Dies sind echte lokale Fähigkeiten, die für diese Fähigkeit erwartet werden können; daher müssen sie überprüft werden, werden jedoch nicht als bestätigtes bösartiges Verhalten gezählt.

Mittel

SKILL.md:172-179

Ruby/shell backtick execution

- MCP server not installed (`npx chrome-devtools-mcp@latest`)

The troubleshooting guidance recommends npx chrome-devtools-mcp@latest, which can download and execute a mutable package version without integrity pinning.

Risikofaktoren

🌐 Netzwerkzugriff (16)

cookbook/console-debugging.md:200 cookbook/network-debugging.md:60 cookbook/network-debugging.md:149 cookbook/network-debugging.md:227 reference.md:102 reference.md:314 reference.md:80 reference.md:20 reference.md:222 reference.md:235 reference.md:275 reference.md:20 SKILL.md:144 SKILL.md:46 SKILL.md:180 SKILL.md:46

⚡ Enthält Skripte (1)

reference.md:110-114

⚙️ Externe Befehle (38)

Geprüft von: codex Audit-Verlauf anzeigen →

Diesen Bericht teilen & zitieren

Teile den versionierten Bewertungsbericht, das neutrale Badge, die Einbettungskarte und Zitate. Skillstore berichtet Nachweise, ohne zu entscheiden, ob dieser Skill sicher ist.

Versionsbericht öffnen

Berichtslink kopieren

https://skillstore.io/skills/consiliency-chrome-devtools-debugging/audits/10?utm_source=security_passport&utm_medium=share&utm_campaign=versioned_report

Markdown-Badge

[![Skillstore security assessment](https://skillstore.io/badges/skills/consiliency-chrome-devtools-debugging/security.svg)](https://skillstore.io/skills/consiliency-chrome-devtools-debugging?utm_source=security_passport_badge)

HTML-Badge

<a href="https://skillstore.io/skills/consiliency-chrome-devtools-debugging?utm_source=security_passport_badge"><img src="https://skillstore.io/badges/skills/consiliency-chrome-devtools-debugging/security.svg" alt="Skillstore security assessment" loading="lazy"></a>

Einbettungskarte

<iframe src="https://skillstore.io/embed/skills/consiliency-chrome-devtools-debugging.html" title="Skillstore Security Assessment" sandbox="allow-popups allow-popups-to-escape-sandbox" loading="lazy" referrerpolicy="no-referrer" width="420" height="180"></iframe>

Wissenschaftliche Zitate (APA · BibTeX · CFF)

APA-Zitat

Consiliency. (2026). chrome-devtools-debugging security audit report (audit version 10) [Author version unspecified]. Skillstore. https://skillstore.io/skills/consiliency-chrome-devtools-debugging/audits/10

BibTeX-Zitat

@techreport{consiliency-consiliency-chrome-devtools-debugging-2026,
  author = {Consiliency},
  title = {chrome-devtools-debugging security audit report (audit version 10)},
  institution = {Skillstore},
  year = {2026},
  number = {10},
  url = {https://skillstore.io/skills/consiliency-chrome-devtools-debugging/audits/10},
  note = {Author version unspecified}
}

CITATION.cff

cff-version: 1.2.0
message: "If you use this Skill, cite its author and this versioned security audit report."
title: "chrome-devtools-debugging security audit report (audit version 10)"
version: "unspecified"
type: report
authors:
  - name: "Consiliency"
date-released: "2026-07-13"
url: "https://skillstore.io/skills/consiliency-chrome-devtools-debugging/audits/10"
identifiers:
  - type: other
    value: "skillstore:consiliency-chrome-devtools-debugging:audit:10"
    description: "Skillstore immutable audit report identifier"

Skillstore-Score

Warum dieser Score Evidenzvertrauen: Mittel

Architektur

Wartbarkeit

Inhalt

Gemeinschaft

Spezifikationskonformität

Was Sie erstellen können

Frontend-Konsolenfehler diagnostizieren

Überprüfen Sie Browserfehler, Warnungen, Stack-Traces und den Anwendungszustand, um wahrscheinliche Frontend-Defekte zu identifizieren.

Authentifizierte API-Probleme untersuchen

Untersuchen Sie fehlgeschlagene XHR- und fetch-Anfragen nach einer manuellen Anmeldung und schützen Sie dabei sensible Sitzungsdaten.

Langsame Seitenladezeiten analysieren

Erfassen Sie Traces, finden Sie langsame Anfragen und korrelieren Sie Performance-Probleme mit Netzwerk- und Konsolennachweisen.

Diese Prompts ausprobieren

Konsolenfehler untersuchen

Verwende Chrome DevTools-Debugging, um aktuelle Konsolenfehler und Warnungen aufzulisten. Fasse wahrscheinliche Ursachen zusammen und gib keine Secrets aus.

Fehlgeschlagene API-Aufrufe überprüfen

Liste aktuelle fehlgeschlagene XHR- und fetch-Anfragen auf. Gruppiere sie nach Statuscode, Endpoint-Muster und wahrscheinlicher Frontend-Auswirkung.

Authentifizierten Ablauf debuggen

Untersuche die authentifizierte Seite auf Konsolenfehler und fehlgeschlagene API-Aufrufe. Redigiere Cookies, Tokens und Request-Bodies vor dem Bericht.

Performance-Nachweise korrelieren

Erfasse einen Page-Load-Trace, überprüfe langsame Netzwerkanfragen und verbinde die stärksten Nachweise mit konkreten Optimierungsschritten.

Bewährte Praktiken

Verwenden Sie ein dediziertes Test-Browserprofil für Debugging-Sitzungen.
Redigieren Sie Tokens, Cookies, Request-Bodies und personenbezogene Daten, bevor Sie Ausgaben teilen.
Beginnen Sie mit Zusammenfassungen und fordern Sie vollständige Anfrage- oder Konsolendetails nur bei Bedarf an.

Vermeiden

Vollständige localStorage-, sessionStorage-, Cookie- oder authorization header-Inhalte ausgeben.
Chrome Remote Debugging nach Ende der Sitzung verfügbar lassen.
Nicht gepinnte npx-Pakete oder kopierte Befehle ohne Prüfung ausführen.

Häufig gestellte Fragen

Was hilft dieser Skill zu debuggen?

Er hilft beim Untersuchen von Konsolennachrichten, Netzwerkanfragen, Performance-Traces, Browserzustand und authentifizierten Web-Sitzungen.

Ersetzt er Browserautomatisierungstools?

Nein. Er ist auf DevTools-Debugging ausgerichtet, nicht auf Screenshots, das Ausfüllen von Formularen oder umfassende Automatisierungsworkflows.

Kann er mit angemeldeten Sitzungen arbeiten?

Ja, wenn Chrome bereits angemeldet ist und DevTools-Zugriff konfiguriert ist. Sensible Daten müssen redigiert werden.

Warum ist Remote Debugging ein Sicherheitsrisiko?

Ein DevTools-Endpunkt kann Browserseiten untersuchen und steuern. Verwenden Sie Loopback-Zugriff, ein Testprofil und kurze Sitzungen.

Was sollten Benutzer nicht teilen?

Vermeiden Sie das Teilen von Cookies, Tokens, authorization header-Inhalten, personenbezogenen Daten, vollständigen Storage-Dumps und privaten Request-Bodies.

Welche KI-Tools werden unterstützt?

Der Bericht listet Unterstützung für Claude, Codex und Claude Code auf.