skills.rest
rayzru
rayzruCOMMUNITY
Explore all skills by this author →
WebsiteGitHub

debug-console

Capture and analyze console errors from web applications via Chrome DevTools MCP.

Updated Aug 23, 2026
Search Tags:#automation#debugging#playwright#web#console#chrome-devtools
One-click install
npx skills add https://github.com/rayzru/info-web --skill debug-console
Or copy as Structured Prompt for Agent▼
Please help me install this Agent Skill.
Skill: debug-console
Source: https://github.com/rayzru/info-web/tree/main/.claude/skills/debug-console
Command: npx skills add https://github.com/rayzru/info-web --skill debug-console

SYSTEM DOCUMENTATION & REQUIREMENTS

What problem does it solve?

Captures and analyzes JavaScript console errors from web applications to accelerate debugging, triage, and issue resolution.

Core Features & Use Cases

  • Console capture: Collects error and warning messages from a running page.
  • Error triage: Groups issues by type (runtime, network, framework) and surfaces actionable fixes.
  • Report generation: Produces a structured, shareable console debug report for teams.

Quick Start

Provide a URL to start capturing console errors and generate a structured debug report.

Frequently Asked Questions about debug-console

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

FAQPage Schema
How do I capture and analyze console errors in web apps?▼

Console error capture works by connecting to a running web page via Chrome DevTools MCP, collecting error and warning messages during navigation, and categorizing them into a structured report for triage.

Can I use this to debug console errors on an SPA?▼

Yes, the console error capture supports both SPA and non-SPA apps. It applies to local development, QA, and staging pages, tracking error-level console messages across navigation transitions.

What's the best way to group JavaScript console errors for triage?▼

The best way to group JavaScript console errors for triage is through automated error categorization, which groups issues by type (runtime, network, framework) and surfaces actionable fixes within a structured report.

Do I need Playwright to capture browser console messages?▼

You do not need Playwright to capture browser console messages. This process uses Chrome DevTools MCP to connect to local or staging pages and collect error-level console output during navigation.

How do I generate a structured debug report from console warnings?▼

You generate a structured debug report from console warnings by capturing messages during a page session, grouping the issues by type, and formatting the results into a shareable output for triage and resolution.

Related Skills

Explore More Software Engineering Skills→
louisburroughslouisburroughs

chrome-devtools

Automate browser interactions and debugging via the Chrome DevTools MCP server.

Community
Advanced
alicangnllalicangnll

Malware Analysis

Analyze Windows PE binaries to extract IOCs and map them to MITRE ATT&CK.

Community
Advanced
dashkandashkan
1

webapp-testing

Automate Python Playwright browser tests for local web applications.

Community
Intermediate
pecorapromotionsllc-cellpecorapromotionsllc-cell

browser-testing-with-devtools

Test UI components in real browsers using Chrome DevTools MCP.

Community
Advanced