← All skills
Tencent SkillHub · Developer Tools

Chrome Devtools Mcp

Chrome DevTools MCP — Google's official browser automation and testing server. Control Chrome via Puppeteer through MCP protocol: click, fill forms, navigate...

skill openclawclawhub Free
0 Downloads
0 Stars
0 Installs
0 Score
High Signal

Chrome DevTools MCP — Google's official browser automation and testing server. Control Chrome via Puppeteer through MCP protocol: click, fill forms, navigate...

⬇ 0 downloads ★ 0 stars Unverified but indexed

Install for OpenClaw

Quick setup
  1. Download the package from Yavira.
  2. Extract the archive and review SKILL.md first.
  3. Import or place the package into your OpenClaw setup.

Requirements

Target platform
OpenClaw
Install method
Manual import
Extraction
Extract archive
Prerequisites
OpenClaw
Primary doc
SKILL.md

Package facts

Download mode
Yavira redirect
Package format
ZIP package
Source platform
Tencent SkillHub
What's included
SKILL.md, scripts/setup_chrome_mcp.py

Validation

  • Use the Yavira download entry.
  • Review SKILL.md after the package is downloaded.
  • Confirm the extracted package contains the expected setup assets.

Install with your agent

Agent handoff

Hand the extracted package to your coding agent with a concrete install brief instead of figuring it out manually.

  1. Download the package from Yavira.
  2. Extract it into a folder your agent can access.
  3. Paste one of the prompts below and point your agent at the extracted folder.
New install

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

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.

Trust & source

Release facts

Source
Tencent SkillHub
Verification
Indexed source record
Version
1.0.0

Documentation

ClawHub primary doc Primary doc: SKILL.md 16 sections Open source page

🌐 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

Category context

Code helpers, APIs, CLIs, browser automation, testing, and developer operations.

Source: Tencent SkillHub

Largest current source with strong distribution and engagement signals.

Package contents

Included in package
1 Docs1 Scripts
  • SKILL.md Primary doc
  • scripts/setup_chrome_mcp.py Scripts