skills.rest
mxyhi
mxyhiCOMMUNITY
Explore all skills by this author →
Website𝕏@mxy252GitHub

chrome-cdp

Control local Chrome sessions via the Chrome DevTools Protocol.

467|42|Updated Feb 2, 2026
Search Tags:#debugging#browser automation#chrome#screenshot#javascript execution#devtools protocol
One-click install
npx skills add https://github.com/mxyhi/ok-skills --skill chrome-cdp
Or copy as Structured Prompt for Agent▼
Please help me install this Agent Skill.
Skill: chrome-cdp
Source: https://github.com/mxyhi/ok-skills/tree/main/chrome-cdp
Command: npx skills add https://github.com/mxyhi/ok-skills --skill chrome-cdp

SYSTEM DOCUMENTATION & REQUIREMENTS

💡 This Skill includes scripts (resource) components.

What problem does it solve?

This Skill allows for programmatic interaction with a local Chrome browser session, enabling automation of tasks like taking screenshots, evaluating JavaScript, and navigating pages without needing complex browser automation frameworks.

Core Features & Use Cases

  • Browser Automation: Control Chrome for tasks like taking screenshots, evaluating JavaScript, and navigating pages.
  • Debugging & Inspection: Inspect accessibility trees and network requests.
  • Use Case: Automate the process of taking screenshots of specific elements on a webpage or filling out forms programmatically.

Quick Start

Use the chrome-cdp skill to take a screenshot of the current page and save it to 'my-screenshot.png'.

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 navigation and capture screenshots via the DevTools Protocol?▼

You can automate Chrome browser navigation and capture screenshots by using the Chrome DevTools Protocol to programmatically control local browser sessions. This enables direct page interaction without complex automation frameworks.

What is the best way to execute JavaScript in a local Chrome session for debugging?▼

Executing JavaScript in a local Chrome session for debugging is achieved by connecting to the browser via the DevTools Protocol. This allows direct evaluation of scripts within the active page context.

Can I inspect the accessibility tree and network requests without a full browser automation framework?▼

Yes, you can inspect accessibility trees and network requests without a full browser automation framework by leveraging the Chrome DevTools Protocol. This provides direct inspection capabilities for local browser sessions.

Do I need Node.js and remote debugging enabled to control Chrome with the DevTools Protocol?▼

Yes, controlling Chrome with the DevTools Protocol requires Node.js and a local Chrome browser instance with remote debugging explicitly enabled. These are the necessary prerequisites for establishing the programmatic connection.

How does programmatic Chrome control compare to using complex browser automation frameworks?▼

Programmatic Chrome control via the DevTools Protocol offers a lightweight alternative to complex browser automation frameworks. It directly facilitates tasks like screenshot capture and JavaScript execution without heavy dependencies.

Can I use this Chrome DevTools Protocol integration to automate filling out web forms?▼

Yes, you can use this Chrome DevTools Protocol integration to automate filling out web forms programmatically. It enables direct interaction with page elements to submit data without manual input.

Related Skills

Explore More Software Engineering Skills→
GraffiohGraffioh

web-browser

Automate Chrome browser interactions via the Chrome DevTools Protocol.

Community
Advanced
klhklh
9

browser-testing-with-devtools

Inspect live DOM, console, network, and performance data via Chrome DevTools MCP.

Community
Advanced
ytqhytqh

chrome-devtools

Orchestrate Puppeteer CLI scripts to automate browser tasks and extract data.

Community
Advanced
sanand0sanand0
11

devtools

Control Chrome via DevTools Protocol for browser testing and debugging.

Community
Advanced