chrome-devtools-cli

The package is chrome-devtools-mcp, but the action CLI is chrome-devtools. Use chrome-devtools <tool> ... for this skill. Do not use npx chrome-devtools-mcp@latest unless you are configuring an MCP server outside this skill.

Core Workflow

chrome-devtools new_page "https://example.com"
chrome-devtools list_pages
chrome-devtools take_snapshot 0
chrome-devtools click 0 "1_3"
chrome-devtools fill 0 "1_5" "search text"
chrome-devtools press_key 0 "Enter"

Two identifiers drive everything. The page id is the first positional argument of nearly every command — read it from list_pages. The element uid comes from take_snapshot, which returns accessibility-tree entries such as 1_3.

Always act on uids from the latest snapshot. Re-snapshot after navigation, reloads, or major DOM updates.