skills.rest
liutao96
liutao96COMMUNITY
Explore all skills by this author →
GitHub

chrome-cdp

Control a local Chrome session via CDP for debugging and automation.

Updated Feb 14, 2026
Search Tags:#automation#debugging#cdp#chrome#browser#websocket
One-click install
npx skills add https://github.com/liutao96/skill --skill chrome-cdp-liutao96
Or copy as Structured Prompt for Agent▼
Please help me install this Agent Skill.
Skill: chrome-cdp
Source: https://github.com/liutao96/skill/tree/main/chrome-cdp
Command: npx skills add https://github.com/liutao96/skill --skill chrome-cdp-liutao96

SYSTEM DOCUMENTATION & REQUIREMENTS

💡 This Skill includes scripts (resource) components.

What problem does it solve?

Interact with a local Chrome browser session directly through the Chrome DevTools Protocol (CDP) to automate inspection, debugging, and page interactions without Puppeteer, while requiring explicit user approval for access.

Core Features & Use Cases

  • List open pages and attach to targets to inspect titles, URLs, and IDs.
  • Navigate to URLs, capture viewport screenshots, read HTML, evaluate JavaScript, and simulate clicks or typing across pages.
  • Access per-tab daemons for persistent sessions, read performance data, and perform multi-step browser automation in development and testing workflows.

Quick Start

Enable Chrome remote debugging, install Claude Code, and run cdp list to connect to the running Chrome session.

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 debugging tasks without Puppeteer?▼

Yes, you can capture viewport screenshots across multiple tabs using the Chrome DevTools Protocol. By attaching to targets via CDP commands, you can automate screenshot capture and inspect page elements during your debugging workflow.

What do I need to connect to a local Chrome session via CDP?▼

Using CDP commands, you can read raw HTML by attaching to a target. The cdp html command retrieves page content directly through the WebSocket connection, enabling you to extract DOM elements for automated inspection and testing.

Can I evaluate JavaScript and collect performance data across multiple tabs?▼

Yes, you can simulate user interactions like clicks and typing. The skill provides cdp click and cdp type commands to interact with DOM elements directly, enabling multi-step browser automation workflows for testing and development.

What are the limitations of using CDP commands for browser automation?▼

CDP automation requires explicit user consent and a Chrome instance started with remote debugging enabled. It operates via a per-tab daemon IPC, meaning browser sessions must be actively running locally for the cdp CLI commands to attach and execute successfully.

Related Skills

Explore More Software Engineering Skills→
sero-labssero-labs
19

chrome-cdp

Control local Chrome browser sessions via the Chrome DevTools Protocol.

Official
Intermediate
SantiagoisperSantiagoisper

ce-test-xcode

Automates building, testing, and debugging iOS apps on simulators via XcodeBuildMCP.

Community
Intermediate
alexgorbatchevalexgorbatchev
1

chrome-cdp

Automate local Chrome sessions via the Chrome DevTools Protocol.

Community
Advanced
mikkermikker
102

chrome-cdp

Automate Chrome tab tasks via raw WebSocket CDP commands in Node.js 22+.

Community
Advanced