skills.rest
barkleesanders
barkleesandersCOMMUNITY
Explore all skills by this author →
WebsiteGitHub

chrome-cdp

Interact with open Chrome tabs via the Chrome DevTools Protocol.

5|Updated Mar 27, 2026
Search Tags:#browser automation#cdp#chrome#web debugging#devtools protocol#accessibility snapshot#tab interaction
One-click install
npx skills add https://github.com/barkleesanders/claude-code-starter --skill chrome-cdp-barkleesanders
Or copy as Structured Prompt for Agent▼
Please help me install this Agent Skill.
Skill: chrome-cdp
Source: https://github.com/barkleesanders/claude-code-starter/tree/main/skills/chrome-cdp
Command: npx skills add https://github.com/barkleesanders/claude-code-starter --skill chrome-cdp-barkleesanders

SYSTEM DOCUMENTATION & REQUIREMENTS

💡 This Skill includes scripts (resource) components.

What problem does it solve?

This Skill eliminates the need for heavy browser automation tools like Puppeteer to interact with, debug, or scrape content from open Chrome tabs, and removes the friction of repeated permission popups for long-running debugging sessions.

Core Features & Use Cases

  • Direct CDP Connection: Connects to Chrome's remote debugging port via raw WebSocket, no external dependencies, and supports 100+ open tabs simultaneously.
  • Persistent Per-Tab Daemons: Runs background daemons for each tab that keep CDP sessions alive for 20 minutes of inactivity, eliminating repeated "Allow debugging" permission popups.
  • Built-In Browser Commands: Includes out-of-the-box functionality for screenshots, accessibility snapshots, JavaScript evaluation, element clicking, text input, and network performance analysis.
  • Use Case: A developer debugging a production login issue can take an accessibility snapshot of the auth page, evaluate JavaScript to check session state, and capture network timings all without installing additional browser automation tools.

Quick Start

Use the chrome-cdp skill to capture a screenshot of the open user authentication page and save it to /tmp/auth-screenshot.png to debug layout and loading issues.

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 tab interactions without using Puppeteer?▼

Direct CDP connection enables Chrome tab automation via raw WebSocket without installing Puppeteer or other heavy browser automation dependencies.

Can I debug a logged-in web application without triggering repeated permission popups?▼

Yes, you can debug logged-in web applications without repeated permission popups by running persistent per-tab daemons that keep CDP sessions alive for 20 minutes of inactivity.

What do I need to connect to the Chrome DevTools Protocol for live site debugging?▼

To connect to the Chrome DevTools Protocol for live site debugging, you need Chrome with remote debugging enabled on port 9222 and Node.js 22 or higher to operate the CLI.

How do I take an accessibility snapshot of an open Chrome tab?▼

You can take an accessibility snapshot of an open Chrome tab by using the built-in browser commands provided by the direct CDP connection to evaluate the current page state.

Does raw WebSocket CDP automation support multiple open browser tabs simultaneously?▼

Yes, raw WebSocket CDP automation supports direct connection to up to 100 open Chrome tabs simultaneously, allowing extensive live debugging and network performance analysis across sessions.

What are the limitations of using lightweight CDP connections for web scraping?▼

Limitations of lightweight CDP connections include requiring Chrome to be pre-launched with remote debugging enabled on port 9222, meaning it cannot spawn new browser instances on its own.

Related Skills

Explore More Software Engineering Skills→
Wanger-SJTUWanger-SJTU

chrome-cdp

Automate local Chrome sessions via the Chrome DevTools Protocol.

Community
Advanced
mynameistitomynameistito

web-perf

Audit web page performance bottlenecks using Chrome DevTools MCP traces.

Community
Intermediate
mitsuhikomitsuhiko
2.8k

web-browser

Control Chrome via DevTools Protocol to navigate, click, fill forms, and evaluate JavaScript.

Community
Advanced
tuantiensiutuantiensiu
1

playwriter

Execute Playwright code against your live Chrome browser via an extension.

Community
Intermediate