ConsolePatrol for Openclaw

ConsolePatrol is an AI-first diagnostic tool that automatically scans web applications for console errors and framework-specific warnings.

zhzgao
v0.1.0
Mar 31, 2026
0
651
0

Install & Download

1. ClawHub CLI

The fastest way to install a skill directly from the registry.

npx clawhub@latest install console-patrol

2. Manual Installation

Copy the skill folder to one of these locations

Global
~/.openclaw/skills/
Workspace
<project>/skills/

Priority: Workspace > Local > Bundled

3. Prompt Installation

Copy this prompt to OpenClaw to install it automatically.

Help me install console-patrol using Clawhub. If Clawhub is not installed, install it first (npm i -g clawhub).

Prefer to download?

Get the raw skill files in a ZIP archive.

What is ConsolePatrol?

ConsolePatrol is a comprehensive diagnostic tool designed for modern web development, specifically tailored for Openclaw Skills users. It serves as an automated sentinel that monitors web pages for JS exceptions, React hook violations, and UI framework-specific issues like Ant Design or Element UI warnings. By integrating deep scanning capabilities, it allows developers to maintain code quality without manual browser inspection.

This Openclaw Skills extension empowers AI agents to perform thorough technical audits of frontend applications, identifying critical P0 crashes and P1 configuration warnings that often go unnoticed during manual testing. It bridges the gap between automated testing and manual debugging by providing high-fidelity logs and actionable fix suggestions directly within the development workflow.

ConsolePatrol Use Cases

  • Auditing web applications for hidden console errors and warnings.
  • Debugging React component issues or Ant Design form configuration errors.
  • Automating health checks for web applications during local development or CI/CD pipelines.
  • Scanning multiple application routes simultaneously to detect broken links or module load failures.
  • Capturing visual evidence of console errors with automated screenshots.

How ConsolePatrol Works

  1. The skill initializes a Playwright-driven browser instance to navigate to target URLs or local dev servers.
  2. It performs framework auto-detection to apply specific rulesets for libraries like React, Ant Design, or Element UI.
  3. The tool executes an optional route discovery process to crawl the application or follows a predefined list of paths.
  4. It monitors the browser's console output in real-time, categorizing logs based on severity levels from P0 (Fatal) to P2 (Hint).
  5. It generates a comprehensive report including error descriptions, specific locations, and actionable fix suggestions for the developer.

ConsolePatrol Setup

To begin using this tool within the Openclaw Skills ecosystem, install the package and browser dependencies using the following commands:

pip install console-patrol
playwright install chromium

For AI agents requiring programmatic setup, use the following Python snippet:

import subprocess
subprocess.run(["pip", "install", "console-patrol"], check=True)
subprocess.run(["playwright", "install", "chromium"], check=True)

ConsolePatrol Data Schema & Taxonomy

ConsolePatrol organizes scan data into a structured taxonomy to ensure Openclaw Skills can process the results efficiently. Issues are classified as follows:

Attribute Description
severity Categorized as P0 (Fatal), P1 (Warning), or P2 (Hint)
rule_id Unique identifier for the detection rule (e.g., antd-modal-context)
message The raw or processed console message describing the problem
location The specific URL or route where the issue was detected
suggestion Recommended fix or best practice to resolve the issue
screenshot Optional path to a visual capture of the page at the time of error

ConsolePatrol Advanced Features

  • Intelligent Route Auto-Discovery: Automatically identifies common paths for React and SPA routers to ensure full coverage.
  • Multi-Framework Rulesets: Includes specialized detection for Ant Design, React hooks, and Element UI patterns.
  • CI/CD Optimized Exit Codes: Facilitates automated pipeline failures based on severity levels (Exit Code 2 for P0, 1 for P1).
  • Automated Screenshots: Captures the visual state of the application when a console error is triggered for easier debugging.
  • Custom Wait Timing: Configurable delay parameters to support heavy Single Page Applications (SPAs) with lazy-loaded content.

SKILL.md


Loading

Related Openclaw Skills

METADATA

Github Stars: 0
forks: 0

Featured*