Agent skill

Chrome Cdp

by aiguicai in aiguicai/MCP-Gateway

Browser automation and debugging through bundled Chrome DevTools Protocol.

MITAuto-check passedProductivity & Automation

Install Chrome Cdp

skills CLI
$ npx skills add aiguicai/MCP-Gateway --skill chrome-cdp -a claude-code

Project install by default; add -g for ~/.claude/skills/.

GitHub CLI
$ gh skill install aiguicai/MCP-Gateway chrome-cdp --agent claude-code

Project scope by default; add --scope user for a personal install. Needs GitHub CLI 2.90.0 or later (public preview).

Manual copy
$ git clone --depth 1 https://github.com/aiguicai/MCP-Gateway.git skills-src && mkdir -p .claude/skills && cp -r skills-src/mcp-gateway/crates/gateway-http/builtin-skills/chrome-cdp .claude/skills/chrome-cdp && rm -rf skills-src

Use ~/.claude/skills/ instead of .claude/skills for a personal install. The folder must contain SKILL.md.

Claude Code skills documentation · loads skills from .claude/skills/

Facts

Skill name
chrome-cdp
GitHub stars
158
Token cost
~2.1k tokens
SKILL.md length
856 words
Files
2 (incl. scripts)
Skills in repo
5
Repo updated
First seen
Licence
MIT

At a glance

Browser automation and debugging through bundled Chrome DevTools Protocol.

  • Works in 6 steps: Open or select the target page. → Run netclear. → Perform the user action that sends the… → …
  • Tasks that involve Browser testing
  • SKILL.md covers Default Browser Mode, Cache and Login State, Commands and Targets, plus 7 more sections
  • Runs JavaScript scripts from its folder; calls node

What it does

Chrome Cdp is an agent skill from aiguicai/MCP-Gateway. Browser automation and debugging through bundled Chrome DevTools Protocol. First read the complete builtin://chrome-cdp/SKILL.md to get skillToken; this SKILL.md read does not require skillToken. Do not use regex or partial reads to fetch only the token. Later calls without the correct skillToken will fail and must be retried, so get the token before debugging.

Its SKILL.md is about 2.1k tokens, which your agent loads only when the skill is triggered. The skill folder holds 2 other files, including scripts.

It sits in Productivity & Automation, covering Browser testing, Browser automation and Debugging. It works with Chrome DevTools. The repository describes itself as: Unify multiple MCP Servers & Skills into a single gateway — with proxy forwarding, authentication, and a management API. Typical use: expose local stdio servers as remote MCP… The licence is MIT.

When your agent uses it

  • Tasks that involve Browser testing
  • Tasks that involve Browser automation
  • Tasks that involve Debugging

Example prompts

  • “/chrome-cdp”

Requirements

  • Node.js

Workflow steps

6 steps, taken from the first numbered list in SKILL.md.

  1. Open or select the target page.
  2. Run netclear.
  3. Perform the user action that sends the request.
  4. Run net with a URL, method, endpoint fragment, MIME type, or
  5. Copy the request id prefix from net.
  6. Run netget --request-file "" --response-file ""

What it can do on your machine

Read from SKILL.md and the folder at commit 9cfc330. It shows what the files ask for, not the result of running them.

  • Tool permissions

    Pre-approves nothing: there is no allowed-tools line, so your agent's usual permission prompts apply.

    From allowed-tools in the SKILL.md frontmatter.

  • Runs code

    Ships 1 file in scripts/ (JavaScript), which the agent can run.

    Shell commands in SKILL.md call:

    • node

    From the folder's file list and the shell code blocks in SKILL.md.

  • Network

    No URLs in SKILL.md.

    From URLs in SKILL.md, links to its own repository left out.

  • Credentials

    Names no API keys, tokens, secrets or passwords.

    From names ending in _API_KEY, _TOKEN, _SECRET, _KEY or _PASSWORD in SKILL.md.

Context cost

Chrome Cdp loads about 2.1k tokens when it runs. Until then it costs about 94 tokens; SKILL.md has 856 words of instructions outside code blocks.

Always · name and description, kept in context so the agent knows when to use it
~94
When it runs · the whole SKILL.md, loaded when a task matches
~2.1k

Estimates: characters ÷ 4, the usual rule of thumb; real counts depend on the model's tokenizer. Scripts and assets cost tokens only if the agent reads them.

Safety

Auto-check passed

The automated check found no risky patterns in SKILL.md.

Automated static check — not a guarantee. Review scripts before installing. It scans the text of SKILL.md for risky patterns (piping downloads into a shell, reading credential files, hidden Unicode, destructive commands); the scripts in this folder are not scanned.

SKILL.md

The full file from aiguicai/MCP-Gateway at commit 9cfc330, republished under its MIT licence (© aiguicai). 856 words, ~2,057 tokens.

Download SKILL.mdSave it as .claude/skills/chrome-cdp/SKILL.md (or your agent's skills folder). This skill also uses 1 other file; get the full folder from GitHub.
name
chrome-cdp
description
Browser automation and debugging through bundled Chrome DevTools Protocol. First read the complete builtin://chrome-cdp/SKILL.md to get skillToken; this SKILL.md read does not require skillToken. Do not use regex or partial reads to fetch only the token. Later calls without the correct skillToken will fail and must be retried, so get the token before debugging.

Chrome CDP

This built-in skill uses MCP Gateway's bundled cdp.mjs runner. It talks directly to Chrome DevTools Protocol over WebSocket with no third-party browser automation bridge.

Default Browser Mode

By default, the gateway starts or reuses a visible Chromium-family browser in managed launch mode.

  • It does not attach to the user's already-open Chrome unless the gateway process is started with CDP_BROWSER_MODE=attach.
  • It uses a gateway-managed runtime directory for target caches, per-tab daemons, and CDP state.
  • It sets CDP_PROFILE_MODE=persistent by default.
  • It sets CDP_USER_DATA_DIR to the gateway-owned persistent profile path: mcp-gateway/builtin-skills/chrome-cdp/chrome-user-data under the OS local data directory.
  • Cookies, cache, localStorage, and login sessions are reused across commands, browser restarts, and gateway restarts unless the site expires them or the profile directory is deleted.

Cache and Login State

Default behavior is to reuse the existing browser cache/profile. Do not create a fresh profile just because a new task starts, a new page is opened, or the browser was closed and reopened.

Use the default persistent profile when the user asks to:

  • open a page
  • continue browsing
  • debug a site
  • use an already logged-in session
  • reopen the browser later

Only use a new cache/profile when the user explicitly asks for a clean browser, fresh cache, separate login, separate account, temporary session, or similar. In that case, start the gateway with a different CDP_USER_DATA_DIR, or set CDP_PROFILE_MODE=empty for a blank managed profile. Do not delete or overwrite the default persistent profile unless the user explicitly asks to clear saved browser data.

Commands

Short form accepted by the gateway:

bash
open https://example.com
list
snap
eval "document.title"
netclear
net api/chat
netget 1234.56 --request-file "D:\tmp\chat-request.txt" --response-file "D:\tmp\chat-response.txt"
stop

You may also pass the script form; the gateway still runs its bundled script:

bash
node cdp.mjs open https://example.com

Targets

Page-scoped commands can take a target prefix from list.

bash
list
snap <target>
html <target> ".message-list"
click <target> "button[type=submit]"

For convenience, open, launch, and list maintain an active target. These commands may omit the target and use the active page:

bash
snap
eval "document.title"
netclear
net chat
netget <request-id>

If multiple pages are open and no active target is known, run list and pass the target prefix explicitly.

Navigation and DOM

bash
launch [url]                    # start or reuse managed browser
open [url]                      # open a tab and select it as active
list                            # list open pages and target prefixes
snap [target]                   # accessibility tree snapshot
html [target] [selector]        # full page or element HTML
nav <target> <url>              # navigate target to URL
eval [target] <js>              # evaluate JavaScript in the page
evalraw <target> <method> [json]# raw CDP command passthrough

eval accepts expressions or function/IIFE source. When calling this tool through MCP Gateway on Windows, quote the whole JavaScript expression as one argument.

Interaction

bash
click <target> <selector>       # CSS selector
clickxy <target> <x> <y>        # CSS pixel coordinates
type <target> <text>            # Input.insertText at current focus
loadall <target> <selector> [ms]
shot [target] [file] [--inline-base64]

Use type after focusing an input with click or clickxy. It uses CDP input events and works better than DOM assignment for cross-origin iframes.

Screenshot output modes
  • Default writes the PNG to disk under the runtime directory (or [file]) and prints its absolute path plus DPR / coordinate mapping. Choose this when the image is large, must be reused across turns, or should not load the model's context window.
  • shot [target] [file] --inline-base64 skips the file write and returns a mimeType: image/png base64 payload inside stdout (as JSON after the [inlineBase64 json] marker), plus the same DPR / coordinate mapping lines. Choose this when a multimodal model should consume the image directly in the current turn.
Show full SKILL.md (397 more words)Show less

Network Debugging

Use the CDP Network recorder for searchable request capture.

bash
netclear [target]               # enable CDP Network and clear captured events
net [target] [filter]           # list/search captured requests
netget [target] <request-id> [--full]
netget [target] <request-id> --request-file "<abs-path>" --response-file "<abs-path>"
perfnet [target]                # PerformanceResourceTiming fallback

Recommended request capture flow:

  1. Open or select the target page.
  2. Run netclear.
  3. Perform the user action that sends the request.
  4. Run net <filter> with a URL, method, endpoint fragment, MIME type, or keyword.
  5. Copy the request id prefix from net.
  6. Run netget <request-id> --request-file "<abs-path>" --response-file "<abs-path>" when full bodies are needed.

netget redacts sensitive headers such as Authorization, Cookie, and Set-Cookie in its JSON output. Never print or summarize sensitive headers, tokens, device ids, or session ids in the final answer.

If no CDP record appears, run perfnet to inspect browser resource timing, then repeat with netclear before the next user action. Network capture only records events after it has been enabled.

For WebSocket traffic, netget returns captured frames for the selected WebSocket request id.

Raw CDP

Use evalraw for precise DevTools operations that are not wrapped by a high-level command:

bash
evalraw <target> "DOM.getDocument" "{}"
evalraw <target> "Network.enable" "{\"maxPostDataSize\":10485760}"

Prefer the high-level netclear, net, and netget commands for normal request debugging because they keep a per-tab event history.

Browser and Profile Selection

Environment variables for the gateway process:

  • CDP_BROWSER=chrome|edge|brave|chromium
  • CDP_BROWSER_MODE=launch|attach
  • CDP_USER_DATA_DIR=<absolute path>
  • CDP_PROFILE_MODE=persistent|clone|empty
  • CDP_PROFILE_SOURCE_DIR=<absolute path> for clone mode
  • CDP_RUNTIME_DIR=<absolute path>

Default bundled mode is launch + persistent. Attach mode connects to an already-running browser with remote debugging enabled and may trigger Chrome's manual debugging approval prompt.

Lifecycle

bash
stop [target]

stop without a target stops per-tab CDP daemons, closes the managed browser, and clears active runtime state such as managed-browser.json, pages.json, and the active target cache. The managed browser profile remains on disk so future launches reuse the same login/cache state.

stop <target> only stops that target's daemon and leaves the managed browser running.

If a previous managed browser crashed or the gateway was interrupted, the next command automatically clears stale runtime state and retries the managed browser connection once.

I/O Conventions

Files produced by this skill (for example netget --request-file, --response-file, or shot <file>) land under allowed directories. When you need to look at or edit those files afterwards:

  • Read them with read_file so output stays line-numbered and capped; do not use shell_command with cat, Get-Content, type, sed, head, or tail for these files.
  • Edit or rewrite them with multi_edit_file; do not use shell_command redirection, Set-Content, or ad-hoc scripts for normal text edits.

This keeps the capture pipeline auditable and lets the gateway enforce path guards on every follow-up read/write.

© aiguicai, MIT. Rendered from Markdown: HTML in the file is shown as text, images as links, and headings moved down two levels. Raw file

Files

SKILL.md and 1 other file (scripts) in mcp-gateway/crates/gateway-http/builtin-skills/chrome-cdp of aiguicai/MCP-Gateway.

  • SKILL.md
  • scripts/cdp.mjs

Open the folder on GitHubat commit 9cfc330

Compare with similar skills

Chrome Cdp next to the 5 skills that share the most tags, products or categories with it. Stars are the repository's; “used in” counts other GitHub owners with a copy.

Chrome Cdp compared with similar skills
SkillStarsUsed inTokensAuto-checkLicenceRepo updated
Chrome Cdp this skillaiguicai/MCP-Gateway158—~2.1kAutomated safety check: PassMIT
Browser Automation Edge Casesaden-hive/hive11k—~1.8kAutomated safety check: PassMIT
AI Search Hubminsight-ai-info/AI-Search-Hub1.3k—~1.3kAutomated safety check: PassNone
Superset Browser Controlsuperset-sh/superset15k—~2.9kAutomated safety check: PassCustom licence
Agent Browser Electronmoeru-ai/airi50k—~3.1kAutomated safety check: PassMIT
Agent Browseroxylabs/agent-skills875—~3kAutomated safety check: PassMIT

Similar skills

  • Step-by-step procedure for debugging browser automation failures on complex sites such as LinkedIn, Twitter/X, single-page apps and Shadow DOM pages.

    11k GitHub stars~1.8k tokensUpdated today
    Productivity & AutomationAuto-check passed
  • AI Search Hub

    minsight-ai-info/AI-Search-Hub

    Run the AI Search Hub browser automation scripts for Yuanbao, LongCat, Doubao, Qwen, Gemini, Grok, and MiniMax.

    1.3k GitHub stars~1.3k tokensUpdated 5 mo ago
    Productivity & AutomationAuto-check passed
  • Superset Browser Control

    superset-sh/superset

    Opens pages, takes screenshots, reads the console, clicks and types in the browser panes of a Superset workspace, with Browser Use as a fallback for other browsers.

    15k GitHub stars~2.9k tokensUpdated today
    Productivity & AutomationAuto-check passed
  • A skill your agent uses when Codex needs to inspect, debug, or automate an Electron app through agent-browser and Chrome DevTools Protocol, especially when the app has multiple BrowserWindow…

    50k GitHub stars~3.1k tokensUpdated today
    Productivity & AutomationAuto-check passed
  • Agent Browser

    oxylabs/agent-skills

    Connects to Oxylabs remote agent browsers over the Chrome DevTools Protocol (CDP) with Playwright or Puppeteer.

    875 GitHub stars~3k tokensUpdated 9 days ago
    Productivity & AutomationAuto-check passed
  • Browser Tools

    981377660LMT/algorithm-study

    Interactive browser automation via Chrome DevTools Protocol.

    277 GitHub starsUsed in 1 repo~1.3k tokens
    Productivity & AutomationAuto-check passed

More from aiguicai/MCP-Gateway

  • Task Planning

    aiguicai/MCP-Gateway

    Use this bundled skill to create, update, and clear the in-memory todo state required before real bundled tool calls when task planning is enabled.

    158 GitHub stars~1.1k tokensUpdated 4 mo ago
    Auto-check passed
  • Chat Plus Adapter Debugger

    aiguicai/MCP-Gateway

    为 Chat Plus 新框架编写、修复、审查站点适配脚本。先读取完整 builtin://chat-plus-adapter-debugger/SKILL.md 获取 skillToken;这次读取 SKILL.md 不需要 skillToken。不要用正则或局部读取只抓 token。后续调用不带或带错 skillToken 会报错并必须重试,所以正式调试前先拿到正确 token。

    158 GitHub stars~3.8k tokensUpdated 4 mo ago
    Auto-check passed
  • Codegraph

    aiguicai/MCP-Gateway

    Run CodeGraph CLI commands through npx for local codebase indexing, semantic search, context building, and impact analysis.

    158 GitHub stars~1.3k tokensUpdated 4 mo ago
    Auto-check passed
  • Officecli

    aiguicai/MCP-Gateway

    Create, analyze, proofread, and modify Office documents (.docx, .xlsx, .pptx) using the officecli CLI tool.

    158 GitHub stars~7.1k tokensUpdated 4 mo ago
    Auto-check passed

Works with

Questions about Chrome Cdp

What does Chrome Cdp do?

Browser automation and debugging through bundled Chrome DevTools Protocol. Chrome Cdp is an agent skill from aiguicai/MCP-Gateway. Browser automation and debugging through bundled Chrome DevTools Protocol.

When should I use Chrome Cdp?

Chrome Cdp fits situations like: tasks that involve Browser testing; tasks that involve Browser automation; tasks that involve Debugging.

How do I install Chrome Cdp in Claude Code?

Run `npx skills add aiguicai/MCP-Gateway --skill chrome-cdp -a claude-code`. Or copy the skill folder (mcp-gateway/crates/gateway-http/builtin-skills/chrome-cdp in aiguicai/MCP-Gateway) into .claude/skills/chrome-cdp in your project. Claude Code loads it when a task matches its description.

How do I install Chrome Cdp in Codex?

Run `npx skills add aiguicai/MCP-Gateway --skill chrome-cdp -a codex`. Or copy the skill folder (mcp-gateway/crates/gateway-http/builtin-skills/chrome-cdp in aiguicai/MCP-Gateway) into .agents/skills/chrome-cdp in your project. Codex loads it when a task matches its description.

Can I use Chrome Cdp in Cursor, Gemini CLI or GitHub Copilot?

Cursor, Gemini CLI, GitHub Copilot and OpenCode also load SKILL.md folders. With the skills CLI, run `npx skills add aiguicai/MCP-Gateway --skill chrome-cdp -a cursor` (or -a gemini-cli, github-copilot or opencode for the others). To copy it by hand, put the folder in .cursor/skills/chrome-cdp, .gemini/skills/chrome-cdp, .github/skills/chrome-cdp and .opencode/skills/chrome-cdp in your project.

What does Chrome Cdp need to run?

Going by SKILL.md and its folder, Chrome Cdp needs JavaScript for the scripts in its folder and the command-line tools its instructions call (node). Our summary lists: Node.js.

Does Chrome Cdp access the network?

SKILL.md contains no URLs. Any network use would come from the scripts or tools the agent runs. This is read from the text; nothing was executed.

Is Chrome Cdp safe to install?

Our automated static check of SKILL.md found no risky patterns, such as piping downloads into a shell, reading credential files or hidden Unicode. It is not a guarantee. The check reads SKILL.md only: the scripts in the folder are not scanned, so read them before running anything.

What licence does Chrome Cdp use?

Chrome Cdp is published under the MIT licence (the repository's licence). It allows redistribution, so the full SKILL.md is shown on this page.

How many tokens does Chrome Cdp use?

About 2.1k tokens (SKILL.md is roughly 8.2k characters). Agents keep only the skill's name and description in context until a task matches; then they load SKILL.md in full.

What are the alternatives to Chrome Cdp?

Skills that share tags, products or a category with Chrome Cdp: Browser Automation Edge Cases (aden-hive/hive, 11k stars), AI Search Hub (minsight-ai-info/AI-Search-Hub, 1.3k stars), Superset Browser Control (superset-sh/superset, 15k stars) and Agent Browser Electron (moeru-ai/airi, 50k stars). The comparison table on this page puts their stars, adoption, token cost, safety result and licence side by side.

Who maintains Chrome Cdp?

aiguicai (a GitHub organization) maintains it in aiguicai/MCP-Gateway, which has 158 GitHub stars. The repository holds 5 skills in this directory. The repository was last updated on May 27, 2026.

Source: aiguicai/MCP-Gateway on GitHub. Facts on this page come from the repository at the commit we read; the author's words are quoted as theirs.