# Send Chrome Devtools Mcp to your agent Hand the extracted package to your coding agent with a concrete install brief instead of figuring it out manually. ## Fast path - Download the package from Yavira. - Extract it into a folder your agent can access. - Paste one of the prompts below and point your agent at the extracted folder. ## Suggested prompts ### New install ```text I downloaded a skill package from Yavira. Read SKILL.md from the extracted folder and install it by following the included instructions. Tell me what you changed and call out any manual steps you could not complete. ``` ### Upgrade existing ```text I downloaded an updated skill package from Yavira. Read SKILL.md from the extracted folder, compare it with my current installation, and upgrade it while preserving any custom configuration unless the package docs explicitly say otherwise. Summarize what changed and any follow-up checks I should run. ``` ## Machine-readable fields ```json { "schemaVersion": "1.0", "item": { "slug": "chrome-devtools-mcp", "name": "Chrome Devtools Mcp", "source": "tencent", "type": "skill", "category": "开发ε·₯ε…·", "sourceUrl": "https://clawhub.ai/aiwithabidi/chrome-devtools-mcp", "canonicalUrl": "https://clawhub.ai/aiwithabidi/chrome-devtools-mcp", "targetPlatform": "OpenClaw" }, "install": { "downloadUrl": "/downloads/chrome-devtools-mcp", "sourceDownloadUrl": "https://wry-manatee-359.convex.site/api/v1/download?slug=chrome-devtools-mcp", "sourcePlatform": "tencent", "targetPlatform": "OpenClaw", "packageFormat": "ZIP package", "primaryDoc": "SKILL.md", "includedAssets": [ "SKILL.md", "scripts/setup_chrome_mcp.py" ], "downloadMode": "redirect", "sourceHealth": { "source": "tencent", "slug": "chrome-devtools-mcp", "status": "healthy", "reason": "direct_download_ok", "recommendedAction": "download", "checkedAt": "2026-05-01T09:56:16.370Z", "expiresAt": "2026-05-08T09:56:16.370Z", "httpStatus": 200, "finalUrl": "https://wry-manatee-359.convex.site/api/v1/download?slug=chrome-devtools-mcp", "contentType": "application/zip", "probeMethod": "head", "details": { "probeUrl": "https://wry-manatee-359.convex.site/api/v1/download?slug=chrome-devtools-mcp", "contentDisposition": "attachment; filename=\"chrome-devtools-mcp-1.0.0.zip\"", "redirectLocation": null, "bodySnippet": null, "slug": "chrome-devtools-mcp" }, "scope": "item", "summary": "Item download looks usable.", "detail": "Yavira can redirect you to the upstream package for this item.", "primaryActionLabel": "Download for OpenClaw", "primaryActionHref": "/downloads/chrome-devtools-mcp" }, "validation": { "installChecklist": [ "Use the Yavira download entry.", "Review SKILL.md after the package is downloaded.", "Confirm the extracted package contains the expected setup assets." ], "postInstallChecks": [ "Confirm the extracted package includes the expected docs or setup files.", "Validate the skill or prompts are available in your target agent workspace.", "Capture any manual follow-up steps the agent could not complete." ] } }, "links": { "detailUrl": "https://openagent3.xyz/skills/chrome-devtools-mcp", "downloadUrl": "https://openagent3.xyz/downloads/chrome-devtools-mcp", "agentUrl": "https://openagent3.xyz/skills/chrome-devtools-mcp/agent", "manifestUrl": "https://openagent3.xyz/skills/chrome-devtools-mcp/agent.json", "briefUrl": "https://openagent3.xyz/skills/chrome-devtools-mcp/agent.md" } } ``` ## Documentation ### 🌐 Chrome DevTools MCP Google's official Chrome DevTools MCP server β€” gives AI agents full control of a live Chrome browser via Puppeteer and the Chrome DevTools Protocol. ### Features Input automation β€” click, drag, fill forms, hover, press keys, upload files, handle dialogs Navigation β€” open/close/switch pages, wait for elements/network idle Screenshots & snapshots β€” capture page state visually and as DOM Performance traces β€” record and analyze Chrome performance traces with insights Network inspection β€” list/inspect network requests and responses Console debugging β€” read console messages with source-mapped stack traces Device emulation β€” emulate mobile devices, resize viewport Form automation β€” fill multiple form fields at once ### Requirements Node.js v20.19+ (already available in OpenClaw) Chrome/Chromium browser ### Install & verify npx -y chrome-devtools-mcp@latest --help ### Start the MCP server # Standard (launches Chrome automatically) npx -y chrome-devtools-mcp@latest # Headless mode (for servers) npx -y chrome-devtools-mcp@latest --headless # Connect to existing Chrome (must be started with --remote-debugging-port=9222) npx -y chrome-devtools-mcp@latest --browser-url=http://127.0.0.1:9222 # Disable telemetry npx -y chrome-devtools-mcp@latest --no-usage-statistics --no-performance-crux ### OpenClaw MCP Integration Add to your openclaw.json under MCP servers: { "mcp": { "servers": { "chrome-devtools": { "command": "npx", "args": ["-y", "chrome-devtools-mcp@latest", "--headless", "--no-usage-statistics"] } } } } Or use the setup script: python3 {baseDir}/scripts/setup_chrome_mcp.py setup python3 {baseDir}/scripts/setup_chrome_mcp.py status python3 {baseDir}/scripts/setup_chrome_mcp.py test ### Input Automation (8 tools) ToolDescriptionKey ParamsclickClick an elementuid (required), dblClickdragDrag element onto anotherfrom_uid, to_uidfillType text into input/textarea/selectuid, valuefill_formFill multiple form elements at onceelements[]handle_dialogAccept/dismiss browser dialogsaction (accept/dismiss)hoverHover over elementuidpress_keyPress keyboard keykeyupload_fileUpload file to inputuid, paths[] ### Navigation (6 tools) ToolDescriptionKey Paramsnavigate_pageGo to URLurlnew_pageOpen new taburlclose_pageClose current tabβ€”list_pagesList all open tabsβ€”select_pageSwitch to tabindexwait_forWait for element/networkevent, uid, timeout ### Debugging (5 tools) ToolDescriptiontake_screenshotCapture page as imagetake_snapshotGet DOM/accessibility snapshotevaluate_scriptRun JavaScript in pagelist_console_messagesGet console log entriesget_console_messageGet specific console message ### Performance (3 tools) ToolDescriptionperformance_start_traceBegin performance recordingperformance_stop_traceStop and get trace dataperformance_analyze_insightAI analysis of trace ### Network (2 tools) ToolDescriptionlist_network_requestsList all network requestsget_network_requestGet request/response details ### Emulation (2 tools) ToolDescriptionemulateEmulate device (mobile, tablet)resize_pageChange viewport size ### Test a webpage navigate_page β†’ URL take_snapshot β†’ get element UIDs click/fill β†’ interact with elements take_screenshot β†’ capture result ### Performance audit navigate_page β†’ URL performance_start_trace Interact with page performance_stop_trace performance_analyze_insight ### Form testing navigate_page β†’ form URL take_snapshot β†’ identify form fields fill_form β†’ fill all fields at once click β†’ submit button take_screenshot β†’ verify result ### Privacy Notes Google collects usage statistics by default β€” disable with --no-usage-statistics Performance tools may send trace URLs to Google CrUX API β€” disable with --no-performance-crux Avoid sharing sensitive data in browser sessions ## Trust - Source: tencent - Verification: Indexed source record - Publisher: aiwithabidi - Version: 1.0.0 ## Source health - Status: healthy - Item download looks usable. - Yavira can redirect you to the upstream package for this item. - Health scope: item - Reason: direct_download_ok - Checked at: 2026-05-01T09:56:16.370Z - Expires at: 2026-05-08T09:56:16.370Z - Recommended action: Download for OpenClaw ## Links - [Detail page](https://openagent3.xyz/skills/chrome-devtools-mcp) - [Send to Agent page](https://openagent3.xyz/skills/chrome-devtools-mcp/agent) - [JSON manifest](https://openagent3.xyz/skills/chrome-devtools-mcp/agent.json) - [Markdown brief](https://openagent3.xyz/skills/chrome-devtools-mcp/agent.md) - [Download page](https://openagent3.xyz/downloads/chrome-devtools-mcp)