skills.rest
humblemuzzu
humblemuzzuCOMMUNITY
Explore all skills by this author →
Website𝕏@devmuzzammilGitHub

chrome-cdp

Connect to a local Chrome instance via CDP to inspect and control pages.

5|Updated Mar 10, 2026
Search Tags:#automation#devtools#scripting#cdp#chrome#browser#web-automation
One-click install
npx skills add https://github.com/humblemuzzu/ghosttyyy --skill chrome-cdp-humblemuzzu
Or copy as Structured Prompt for Agent▼
Please help me install this Agent Skill.
Skill: chrome-cdp
Source: https://github.com/humblemuzzu/ghosttyyy/tree/main/pi-setup/config-skills/chrome-cdp
Command: npx skills add https://github.com/humblemuzzu/ghosttyyy --skill chrome-cdp-humblemuzzu

SYSTEM DOCUMENTATION & REQUIREMENTS

💡 This Skill includes scripts (resource) components.

What problem does it solve?

Interact with a local Chrome browser session via the Chrome DevTools Protocol (CDP) to enable automated inspection, debugging, and interaction without relying on Puppeteer.

Core Features & Use Cases

  • Discover and list open Chrome targets (pages) and attach to a chosen session
  • Take screenshots of the viewport with contextual DPR information
  • Evaluate JavaScript expressions in the page context and return results
  • Retrieve HTML for full pages or specific elements
  • Navigate to URLs and wait for page readiness
  • Inspect the Accessibility tree for UI node details
  • Run per-tab commands through a lightweight daemon for scripting and automation

Quick Start

Enable Chrome remote debugging and run the chrome-cdp tool to list targets and connect to one for interaction.

Frequently Asked Questions about chrome-cdp

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

FAQPage Schema
How do I automate a local Chrome browser session without Puppeteer?▼

You can automate a local Chrome browser session without Puppeteer by connecting directly to the Chrome DevTools Protocol (CDP). This approach enables automated inspection, debugging, and interaction using a compact command surface for scripting.

How do I evaluate JavaScript expressions in a Chrome page context via CDP?▼

To evaluate JavaScript expressions in the Chrome page context via CDP, you connect to a locally running instance with remote debugging enabled. The tool sends evaluation commands to the active session and returns the execution results.

Can I take screenshots and retrieve HTML from a specific page element using Chrome DevTools Protocol?▼

Yes, you can take screenshots and retrieve HTML using Chrome DevTools Protocol. The tool captures viewport screenshots with contextual DPR information and retrieves HTML for full pages or specific elements through the active CDP session.

What do I need to set up before using CDP for browser automation?▼

Before using CDP for browser automation, you need a locally running Chrome instance started with remote debugging enabled. The tool attaches to this instance and uses a per-tab daemon to maintain a persistent CDP session for reliable automation.

Does this CDP tool support simulating clicks and typing into web pages?▼

Yes, this CDP tool supports simulating clicks and typing into web pages. The command surface includes specific actions like click, clickxy, and type, allowing you to script deterministic interactions directly within the active browser session.

Related Skills

Explore More Software Engineering Skills→
alexgorbatchevalexgorbatchev
1

chrome-cdp

Automate local Chrome sessions via the Chrome DevTools Protocol.

Community
Advanced
grahama1970grahama1970
1

treesitter

Parse source files to extract functions, classes, and symbols into structured JSON.

Community
Intermediate
liutao96liutao96

chrome-cdp

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

Community
Advanced
mafvietnammafvietnam

ck:chrome-devtools

Automate browser workflows with Puppeteer and CDP using persistent sessions.

Community
Advanced