skills.rest
serkan-ozal
serkan-ozalCOMMUNITY
Explore all skills by this author →
Website𝕏@serkan_ozalGitHub

debugging

Inspect console messages, network requests, and runtime traces in web applications.

7|1|Updated Feb 2, 2026
Search Tags:#debugging#network#browser#web#console#tracepoints#logpoints
One-click install
npx skills add https://github.com/serkan-ozal/browser-devtools-skills --skill debugging-serkan-ozal
Or copy as Structured Prompt for Agent▼
Please help me install this Agent Skill.
Skill: debugging
Source: https://github.com/serkan-ozal/browser-devtools-skills/tree/main/skills/debugging
Command: npx skills add https://github.com/serkan-ozal/browser-devtools-skills --skill debugging-serkan-ozal

SYSTEM DOCUMENTATION & REQUIREMENTS

What problem does it solve?

Debugging web applications is often tedious, requiring manual collection of console output, network traces, and runtime state. This Skill bundles console and network analysis, in-browser JavaScript execution, and non-blocking tracing into a coherent workflow to accelerate bug reproduction and diagnosis.

Core Features & Use Cases

  • Console Inspection: Retrieve, filter, and inspect console messages to identify errors and warnings.
  • Network Analysis: Inspect HTTP requests, responses, and timings to diagnose API issues.
  • Non-Blocking Debugging: Use tracepoints, logpoints, and exception monitoring to observe behavior without breaking execution.
  • Use Case: When a user reports a page error, reproduce it, collect evidence, and summarize findings with minimal steps.

Quick Start

Start a debugging session on a target page and collect console, network, and runtime traces.

Frequently Asked Questions about debugging

High-intent search queries and answers about installing and using this skill.

FAQPage Schema
How do I debug web applications by collecting console and network traces?▼

Debug web applications by running structured workflows that retrieve console messages, inspect HTTP requests and responses, and apply non-blocking tracepoints to diagnose bugs in-browser.

What is non-blocking debugging with tracepoints and logpoints in JavaScript?▼

Non-blocking debugging uses tracepoints, logpoints, and exception monitoring to observe JavaScript execution and runtime state without pausing or breaking the browser's execution flow.

How do I inspect HTTP network requests to diagnose API issues in a web app?▼

Inspect HTTP network requests by tracing timings, requests, and responses within the browser to diagnose API issues and identify the root cause of web application failures.

Can I use this to investigate console errors and warnings without stopping code execution?▼

Yes, you can filter and inspect console errors and warnings while using non-blocking debuggers to monitor JavaScript execution safely without interrupting the running application.

What's the best way to reproduce a reported page error and collect evidence?▼

Reproduce a reported page error by initiating a debugging session on the target page, collecting console and network traces, and summarizing findings with minimal manual steps.

Do I need to install any dependencies to start a browser debugging session?▼

No dependencies are required to start a browser debugging session, as the skill operates in-context with deterministic task execution to guide safe web application debugging.

Related Skills

Explore More Software Engineering Skills→
iBz-04iBz-04
63

dogfood

Explore and test web applications for UX, functional, visual, and console issues.

Community
Advanced
proffesor-for-testingproffesor-for-testing
436

bug-reporting-excellence

Create structured bug reports with reproduction steps and environment details.

Community
Advanced
WhampWhamp
3

browser-tools

Control Chrome/Chromium instances via the DevTools protocol with six scripts.

Community
Advanced
benchflow-aibenchflow-ai
317

pcap-triage-tshark

Analyze packet captures with tshark to filter and summarize HTTP traffic.

Official
Intermediate