bdg-browser-debug
CommunityDebug Astro locally with Chrome DevTools protocol.
Authorszymdzum
Version1.0.0
Installs0
System Documentation
What problem does it solve?
This Skill provides browser debugging and telemetry via the Chrome DevTools Protocol to streamline testing of the Astro dev server, inspect network activity, catch console errors, capture screenshots, and interact with DOM elements on localhost:4321.
Core Features & Use Cases
- Telemetry & Debugging: Access CDP to inspect network requests, console logs, and DOM state during local development.
- Session-Based Testing: Start and manage debugging sessions to reproduce issues on localhost:4321.
- Output & Artifacts: Capture screenshots and extract live telemetry for analysis.
Quick Start
Start a debugging session against your dev server with the command: bdg http://localhost:4321/ Check status with: bdg status Preview collected data with: bdg peek Stop and save the session with: bdg stop
Dependency Matrix
Required Modules
None requiredComponents
Standard package💻 Claude Code Installation
Recommended: Let Claude install automatically. Simply copy and paste the text below to Claude Code.
Please help me install this Skill: Name: bdg-browser-debug Download link: https://github.com/szymdzum/kumak-dev/archive/main.zip#bdg-browser-debug Please download this .zip file, extract it, and install it in the .claude/skills/ directory.