CommunityCodierung & Entwicklunggithub.com

timgunnar/skills-page-debug

Die page-debug-Fähigkeit ermöglicht Live-Debugging im Browser. Sie lässt Testskripts die vorbereitenden Schritte selbstständig ausführen und genau im Moment vor einem Fehler anhalten. Dann kannst du durch Gespräche mit dem Agenten den Browser in Echtzeit über das CDP-Protokoll steuern und in Claude Code wie in den DevTools den Seitenstatus überprüfen, Selektoren validieren und Aktionen testen, bis du die Ursache gefunden hast.

Was ist skills-page-debug?

Die page-debug-Fähigkeit (timgunnar/skills-page-debug) ist ein flexibles Tool für Entwickler und Tester, das umfassendes Live-Browser-Debugging in KI-Agenten-Umgebungen wie Claude Code, Cursor und Codex ermöglicht. Sie funktioniert, indem sie es Testskripts erlaubt, ihre vorbereitenden Schritte automatisch abzuschließen und präzise im Moment vor einem Fehler anzuhalten. Anschließend kannst du über interaktive Gespräche mit dem Agenten den Browser über das CDP-Protokoll (Chrome DevTools Protocol) direkt steuern. Du kannst Seitenzustände in Echtzeit überprüfen, CSS-Selektoren validieren, DOM-Operationen testen und verschiedene Aktionen ausführen, bis die Ursache eines Problems identifiziert ist. Dies macht es besonders wertvoll für die Fehlersuche in komplexen Web-Szenarien, End-to-End-Tests und die schnelle Ursachenanalyse.

Funktioniert mit✓Claude Code~Codex CLI~Cursor
npx skills add timgunnar/skills-page-debug

Installed? Explore more Codierung & Entwicklung skills: steipete/bluebubbles, steipete/eightctl, steipete/blucli · View all 6 →

In Ihrer bevorzugten KI fragen

Öffnet einen neuen Chat, in dem dieser Agent-Skill bereits geladen ist.

Dokumentation

Was macht skills-page-debug?

Die page-debug-Fähigkeit implementiert Live-Browser-Debugging. Sie lässt Testskripts die vorbereitenden Schritte selbstständig ausführen und genau im Moment vor einem Fehler anhalten. Dann kannst du durch Gespräche mit dem Agenten den Browser in Echtzeit über das CDP-Protokoll steuern und in Claude Code wie in den DevTools den Seitenstatus überprüfen, Selektoren validieren und Aktionen testen, bis du die Ursache gefunden hast.

Verwandte Skills