How to set up the Chrome DevTools MCP server // TRAIN BRAIN

How to set up the Chrome DevTools MCP server

Learn how to set up the Chrome DevTools MCP server to enhance your coding agent's capabilities. This video guides you through environment requirements, installation, and tailoring the server to your project needs. Discover how to connect it to Chrome for autonomous debugging and validation.
Chapters:
0:00 - Introduction
1:13 - Node.js version requirements
2:12 - Scoping the installation
3:20 - Installing the Chrome DevTools MCP server
3:58 - Configuration files
4:55 - Available debugging tools
5:51 - Configuration options
7:10 - Testing the setup
Resources:
Chrome DevTools MCP on GitHub → https://goo.gle/4rsLT6W
Announcement → https://goo.gle/4jSWS6C
DevTools Times → https://goo.gle/4qD1oZq
Watch more DevTools Tips → https://goo.gle/DevToolsTips
Subscribe to Chrome for Developers → https://goo.gle/ChromeDevs
#ChromeForDevelopers #Chrome
Speaker: Matthias Rohmer
Products Mentioned: Chrome, Chrome DevTools,

Chrome for Developers

Making the web more awesome....

How Chrome deprecates and removes features

The essentials of HTTP cookie attributes

Design your AI evals

How to set up the Chrome DevTools MCP server

Your mental model for AI testing: evals, LLM judges, and test layering

What are evals and how they help test AI features

3 things you didn’t know about the Prompt API

Meet our team's MVP lineup

Chrome DevTools 145+: stop guessing SPA performance

How to use the DevTools MCP server for AI debugging #DevToolsTips

Extension Update Testing Tool in action

How to know if permissions are safe to request in your Chrome Extension

AI experimentation in Chrome Extensions

Scala.js to Wasm—Exploring the Wasm backend for Scala.js with Sébastien Doeraene

Everything that happened with Chrome Extensions in 2025

Customizable select #CSSWrapped 2025

Request conditions

Create Carousels with a few lines of CSS

DOM State-Preserving Move #CSSWrapped 2025

What’s new in DevTools 142 - 144

Custom functions #CSSWrapped 2025

Acting rapidly on your feedback

Invoker Commands #CSSWrapped 2025

Choosing an AI model for your project

Create Scroll-Triggered Animations with CSS

Can you make a cross-browser Chrome Extension?

Keep API keys safe in the server

How can you keep API keys safe in a Chrome Extension?

Re-imagine the web with Scoped View Transitions

Why ratings are important in the Chrome Web Store

Built-in AI in the wild: A Mastodon translation success story

Web AI on the IDE

Offline vector search with SQLite and EmbeddingGemma

Mind-controlled drones with Web AI & TensorFlow

Accelerating human-centered AI + XR innovation with XR Blocks

It doesn’t need to be a chatbot: Unlocking the product value of smaller AI models

Running Google's Gemma LLMs in the browser with MediaPipe Web

Let’s fix airplanes with CSS #DevToolsTips

Kotlin/Wasm with Zalim Bashorov - WasmAssembly Podcast

Answering your questions about Chrome Web Store discoverability

Where are passkeys stored?

Built-in AI: The next frontier for web experiences presented by Miravia

Real-time video upscaling using CNNs and WebGPU

Bangle.js - an Open Source Smartwatch

InferenceJS: Real-time computer vision in your browser

LiteRT.js, Google’s high performance WebAI runtime

Transformers.js: Building Next-Generation WebAI Applications

Web AI leaps forward on Intel AI PCs

What if you lose the device with a passkey?

Hangar CSS debugging #DevToolsTips

How biometrics relate to passkeys

Are passkeys based on biometrics?

Wasm, WebGPU, & WebNN: How compute abstraction are enabling client side AI

Don't let AI agents push your buttons - use webMCP instead!

Building a VR Assistant and llms.txt widget

Accelerating Web AI on Arm

Beyond the demo: Building the WebAI Playbook

Chrome: Browsing, building, and web in the AI era

Web AI Summit 2025: State of client side AI

Re-imagine the web with Popover

Speed up your site #DevToolsTips

Performance optimization Pitstop #DevToolsTips

WebAssembly from the Ground Up with Patrick Dubroy and Mariano Guerra

Slow server problems? Try this #DevToolsAI

Baseline is now in DevTools

Debug FCP #DevToolsAI

Debug TFFB #DevToolsAI

What is CrUX #DevToolsAI

Discover Web AI: Client side Agents, Gen AI, and machine learning in the browser

Debug INP #DevToolsAI

Debug CLS #DevToolsAI

What’s new in DevTools 139-141

Debug LCP #DevToolsAI

CG, WG, W3C, Lively—Wasm standardization with Thomas Lively - WasmAssembly

Meet the team behind Chrome for Developers

Introducing Built-in Language APIs

Built-in AI APIs overview

Benefits of client-side AI

Baseline: The simple way to check browser compatibility

What does cookie blocking mean for your site?