Chrome DevTools MCP Studio

How to use Chrome DevTools MCP Studio

1. Search the tool catalogue or pick a category such as pages, automation, debugging, network or performance
2. Select a tool such as navigate_page, take_screenshot or performance_analyze_insight
3. Enter a target URL for navigation tools and copy the matching CLI command
4. Choose your MCP client and copy the mcpServers config block, with usage statistics opted out
5. Run the real server locally with Node.js and Chrome, then ask your agent to check a page

Features

• Real MCP tool catalogue from the cloned repo, across 9 categories with 40 plus tools
• Copy-ready mcpServers config for generic clients, Claude Code, Cursor, VS Code and Antigravity
• Opt-out toggles for usage statistics and CrUX field data in the generated config
• CLI command builder for navigate_page, take_screenshot and every listed tool
• Honest scope banner: this page plans the setup, only the local server can drive a live Chrome browser

Frequently asked questions