skills.rest
cncoder
cncoderCOMMUNITY
Explore all skills by this author →
WebsiteGitHub

chrome-devtools

Control Chrome via the Chrome DevTools Protocol for browser automation and UI testing.

2|1|Updated Mar 4, 2026
Search Tags:#cdp#ui-testing#web-scraping#chrome-devtools#browser-automation#performance-auditing
One-click install
npx skills add https://github.com/cncoder/oneclaw --skill chrome-devtools-cncoder
Or copy as Structured Prompt for Agent▼
Please help me install this Agent Skill.
Skill: chrome-devtools
Source: https://github.com/cncoder/oneclaw/tree/main/skills/chrome-devtools
Command: npx skills add https://github.com/cncoder/oneclaw --skill chrome-devtools-cncoder

SYSTEM DOCUMENTATION & REQUIREMENTS

What problem does it solve?

Browser automation and UI testing via the Chrome DevTools Protocol (CDP) for Claude Code when interacting with web pages, scraping data, filling forms, testing flows, and auditing performance using the chrome-devtools MCP server.

Core Features & Use Cases

  • Direct browser automation via CDP for UI verification, form filling, data scraping, and performance auditing.
  • Supports both Claude Code and OpenClaw agent workflows with a dedicated MCP server.
  • Guides safe interactions with snapshots to stabilize element UIDs during navigation.

Quick Start

Open a new CDP page for your target URL, wait for the content to load, take a snapshot to capture current UIDs, and interact with elements using those UIDs.

Frequently Asked Questions about chrome-devtools

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

FAQPage Schema
How do I automate browser interactions and UI testing using the Chrome DevTools Protocol?▼

Browser automation via CDP enables reliable UI testing by controlling Chrome directly, allowing you to interact with dynamic web pages, verify UI elements, fill forms, and scrape data deterministically.

What is the best way to stabilize element discovery during browser automation navigation?▼

To stabilize element discovery during navigation, take a snapshot of the current page to capture element UIDs, then interact with those elements using the assigned UIDs to ensure safe and deterministic task orchestration.

Can I use Chrome DevTools Protocol automation with Claude Code workflows?▼

Yes, CDP automation supports Claude Code workflows through a dedicated MCP server, enabling reliable browser interaction, data scraping, and performance auditing across logged-in sessions.

Does browser automation via CDP support performance auditing for dynamic web pages?▼

Performance auditing is fully supported via CDP, allowing you to measure and evaluate dynamic web page performance metrics directly during automated browser sessions.

How do I start automating a web page with Chrome DevTools Protocol from scratch?▼

To start automating, open a new CDP page for your target URL, wait for the content to load, take a snapshot to capture current UIDs, and then interact with elements using those specific UIDs.

Related Skills

Explore More Software Engineering Skills→
eins78eins78
2

chrome-browser

Configure a dedicated Chrome for Testing environment with CDP on port 9222 for Playwright MCP.

Community
Intermediate
YanCheng-goYanCheng-go
3

qa-review

Audit unit, integration, and UI test coverage and generate missing-test reports.

Community
Intermediate
wsxwj123wsxwj123
7

web-access

Manage authenticated browser-based web tasks via CDP proxy automation.

Community
Advanced
AradotsoAradotso
70

lightpanda-browser

Provide a Zig-based headless browser with CDP support for automation.

Official
Intermediate