Usage Patterns

This skill defaults to a live-browser stdio endpoint: npx -y chrome-devtools-mcp@latest --autoConnect --no-usage-statistics

This skill defaults to the fixed link command chrome-devtools-mcp-cli. Create it when missing:

command -v chrome-devtools-mcp-cli
uxc link chrome-devtools-mcp-cli "npx -y chrome-devtools-mcp@latest --autoConnect --no-usage-statistics"

Live Chrome Setup

Use this skill when your Chrome build exposes remote debugging settings at chrome://inspect/#remote-debugging and you have enabled them there.

chrome-devtools-mcp-cli -h

Explicit Port-Based Attachment

Use this mode when you intentionally launch Chrome with --remote-debugging-port=9222.

command -v chrome-devtools-mcp-port
uxc link chrome-devtools-mcp-port "npx -y chrome-devtools-mcp@latest --browserUrl http://127.0.0.1:9222 --no-usage-statistics"

Isolated Fallback

Use this mode when you do not have a debuggable Chrome instance available.

command -v chrome-devtools-mcp-isolated
uxc link chrome-devtools-mcp-isolated "npx -y chrome-devtools-mcp@latest --headless --isolated --no-usage-statistics"

Discover And Inspect

chrome-devtools-mcp-cli -h
chrome-devtools-mcp-cli new_page -h
chrome-devtools-mcp-cli take_snapshot -h
chrome-devtools-mcp-cli list_network_requests -h
chrome-devtools-mcp-cli lighthouse_audit -h

Read-First Flow

Open a page:

chrome-devtools-mcp-cli new_page url=https://example.com

Capture a text snapshot:

chrome-devtools-mcp-cli take_snapshot verbose=true

Inspect network traffic:

chrome-devtools-mcp-cli list_network_requests pageSize=20

Inspect console messages:

chrome-devtools-mcp-cli list_console_messages

Run a Lighthouse audit:

chrome-devtools-mcp-cli lighthouse_audit

Action Flow (Confirm High-Impact Actions First)

Click a page element by snapshot uid:

chrome-devtools-mcp-cli click uid=6_1

Fill an input:

chrome-devtools-mcp-cli fill uid=7_1 value='search text'

Evaluate JavaScript:

chrome-devtools-mcp-cli evaluate_script function='() => document.title'

Bare JSON Positional Example

chrome-devtools-mcp-cli new_page '{"url":"https://example.com","timeout":10000}'

Output Parsing

Rely on envelope fields:

Fallback Equivalence