skills.rest
Arry8
Arry8COMMUNITY
Explore all skills by this author →
GitHub

chrome-cdp

Connect to Chrome's DevTools Protocol via WebSocket for browser control.

1|Updated Mar 30, 2026
Search Tags:#automation#cli#devtools#cdp#chrome#browser#websocket
One-click install
npx skills add https://github.com/Arry8/openclaw-edge --skill chrome-cdp-arry8
Or copy as Structured Prompt for Agent▼
Please help me install this Agent Skill.
Skill: chrome-cdp
Source: https://github.com/Arry8/openclaw-edge/tree/main/skills/chrome-cdp
Command: npx skills add https://github.com/Arry8/openclaw-edge --skill chrome-cdp-arry8

SYSTEM DOCUMENTATION & REQUIREMENTS

💡 This Skill includes scripts (resource) components.

What problem does it solve?

Developers and testers often need direct, low-overhead access to Chrome's runtime to inspect pages, run actions, and gather data without heavier frameworks.

Core Features & Use Cases

  • Lightweight Chrome DevTools Protocol CLI that talks directly to a running Chrome instance.
  • Supports per-tab sessions, listing targets, navigation, clicking, typing, taking screenshots, and performance data gathering.
  • Use cases include debugging UI flows, automating repetitive tasks across multiple tabs, and validating page behavior across scenarios.

Quick Start

Connects to a running Chrome instance and lists all open targets.

Frequently Asked Questions about chrome-cdp

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

FAQPage Schema
How do I automate Chrome browser control using the DevTools Protocol directly?▼

You can automate Chrome browser control by connecting to the Chrome DevTools Protocol (CDP) via WebSocket. This enables programmatic debugging, UI testing, and multi-tab automation without needing heavier frameworks.

What do I need to run CDP WebSocket scripts for browser automation?▼

To run CDP WebSocket scripts, you need Node.js 22+ and a running Chrome instance with remote debugging enabled. These prerequisites allow the scripts to connect directly to the browser's runtime.

Can I manage multiple tabs and take screenshots using Chrome DevTools Protocol?▼

Yes, using Chrome DevTools Protocol you can manage per-tab sessions, list targets, navigate, click, type, and take screenshots. This supports validating page behavior across multiple tabs and scenarios.

What is the best lightweight approach to debug UI flows in Chrome without heavy frameworks?▼

Directly interfacing with Chrome's DevTools Protocol via WebSocket offers a lightweight approach to debug UI flows. It provides low-overhead access to inspect pages, run actions, and gather performance data.

Does Chrome CDP automation support gathering performance data across multiple pages?▼

Yes, Chrome CDP automation supports gathering performance data across multiple pages. By establishing per-tab sessions through the WebSocket connection, you can collect runtime metrics and validate page behavior.

How to automate repetitive browser tasks across multiple tabs via CDP?▼

You can automate repetitive browser tasks by establishing per-tab WebSocket sessions via CDP. This allows you to programmatically list targets, navigate, click, and type across multiple tabs simultaneously.

Related Skills

Explore More Software Engineering Skills→
legoutlegout
3

chrome-cdp

Control local Chrome tabs via the Chrome DevTools Protocol for UI automation and data extraction.

Community
Intermediate
vanducngvanducng
5

browser-trace

Capture read-only DevTools Protocol traces from browser automation sessions into NDJSON.

Community
Advanced
alexgorbatchevalexgorbatchev
1

chrome-cdp

Automate local Chrome sessions via the Chrome DevTools Protocol.

Community
Advanced
snqbsnqb
1

browser-testing

Automate browser testing across Vibium MCP, agent-browser, Playwright, and CDP tools.

Community
Intermediate