console-intelligence

Capture and categorize console output with source attribution and deduplication.

1|Updated Jan 9, 2026
One-click install
npx skills add https://github.com/anouar1991/binaryPetsClaude --skill console-intelligence
Or copy as Structured Prompt for Agent
Please help me install this Agent Skill.
Skill: console-intelligence
Source: https://github.com/anouar1991/binaryPetsClaude/tree/main/plugins/playwright-toolkit/skills/console-intelligence
Command: npx skills add https://github.com/anouar1991/binaryPetsClaude --skill console-intelligence

SYSTEM DOCUMENTATION & REQUIREMENTS

What problem does it solve?

Capture and categorize console output, including unhandled exceptions and browser-level logs, with source attribution, deduplication, and framework detection to produce actionable reports.

Core Features & Use Cases

  • Capture console messages, unhandled exceptions, and browser logs from page sessions.
  • Deduplicate repeated messages, group by source, and detect framework-specific warnings (React, Vue, Angular) and CSP issues.
  • Produce a prioritized report to guide debugging, performance tuning, and QA validation.

Quick Start

Install CDP-based interceptors and patch console methods, navigate to the target page, then harvest and analyze captured data.

Frequently Asked Questions about console-intelligence

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

FAQPage Schema
How do I capture and deduplicate console output in Playwright?

To capture and deduplicate console output in Playwright, you need a CDP-based setup with patched console API methods. This Skill intercepts CDP Runtime and Log domains to aggregate repeated messages, group them by source, and produce a prioritized report.

What is the best way to monitor unhandled exceptions and browser logs during web debugging?

Monitoring unhandled exceptions and browser logs during web debugging is best handled by intercepting CDP domains to categorize page session output. This approach captures errors with source attribution and applies deduplication to surface actionable insights.

Can I detect framework-specific console warnings like React or Vue errors using CDP?

Yes, you can detect framework-specific console warnings like React, Vue, or Angular errors using CDP. By patching console methods and aggregating browser logs, this Skill identifies framework-specific warnings and CSP issues for QA validation.

Does this console logging approach work with Chromium-based browsers only?

Yes, this console logging approach works specifically with Chromium-based browsers. It relies on accessing CDP Runtime and Log domains through a Playwright-based setup to intercept and categorize page session output accurately.

How do I audit third-party scripts for console errors on production pages?

To audit third-party scripts for console errors on production pages, you intercept and categorize all console output with source attribution. This process deduplicates repeated messages and groups them by source to generate a prioritized debugging report.