Announcing Chrome DevTools MCP! 🚀 Connect your AI coding agent to Chrome's powerful automation & debugging capabilities with ease. Key features: ✅ Reliable automation: It can programmatically handle clicks, form fills, dialogs, and page navigation with ease. ✅ Performance insights: Go beyond simple audits. Instruct your agent to record... a performance trace and extract actionable insights to optimize your web apps. ✅ Advanced debugging: Empower your AI to analyze network requests, list console messages, take screenshots, and even evaluate scripts in the browser context. ✅ Browser emulation: Easily test different conditions by emulating CPU slowdowns, network throttling, or various screen sizes. Works well with modern web apps and believe this will unlock new workflows for automated testing, AI-driven debugging, and interactive web development. And there's much more to come!show more

Learn more about @ChromeDevTools MCP or checkout our GitHub repo:

@ChromeDevTools Add it to the MCP Registry! Can't wait to try it out.

@ChromeDevTools Thanks Burke! We will!

@ChromeDevTools LOVE the work. Thank you so much!

@ChromeDevTools And we love yours!

@ChromeDevTools @grok how does this compare to the Playwright MCP

@ChromeDevTools With all those traces and network data, MCP resources would be a good way to attach to the tool responses so the model can follow up without extra tool calls. But the P0 must be adding MCP prompts for all web performance workflows: /paul, /addy … 🚀

@ChromeDevTools Super relevant to us! cc @MHablich @mathias

@ChromeDevTools This is super helpful.

@ChromeDevTools Great to hear and hope so! 🙏

@ChromeDevTools 🔥

@ChromeDevTools 🙏

@ChromeDevTools Great work! This looks awesome!

@ChromeDevTools Thanks so much, Philipp!

That's a cool announcement! For folks interested in alternatives: Playwright MCP offers equivalent capabilities like reliable automation (clicks, forms, navigation) Performance tracing for optimizations, advanced debugging (network requests, console logs, screenshots, script eval) And browser emulation (CPU/network throttling, screen sizes)—plus cross-browser support beyond just Chrome. Worth checking out for AI agent workflows.

@ChromeDevTools Wow, that’s a great demo! Congrats on the launch!

@ChromeDevTools Thanks so much, Eric!

@ChromeDevTools Nice one

@ChromeDevTools Thanks!

@ChromeDevTools finally!

@ChromeDevTools love it!! nice work!

@ChromeDevTools 🙏🙏

@ChromeDevTools Can it traverse the dom tree without reading it all?

@ChromeDevTools Can I add it into our Agent?

@ChromeDevTools NVIDIA is what GCP/AWS/AZURE many years back. They too were investing in late stage startups offering them discounted cloud instances.

@ChromeDevTools Sounds like Playwright mcp, but maybe with more features? Performance insights, evaluate scripts in the browser and more i guess?

@ChromeDevTools Giving coding agents direct access to Chrome DevTools feels like a shift toward true end to end web development support. From debugging to performance insights this could redefine how devs and agents collaborate. What new use cases do you see emerging first

@ChromeDevTools This is really exciting! Thank you and team!

@ChromeDevTools Our pleasure! We hope its helpful :)

@ChromeDevTools Can I use this for QA work in chrome extension? :O

@ChromeDevTools The missing piece.

@ChromeDevTools Addy, this is amazing. Thanks for sharing and big congrats to you and team who worked on this!

@ChromeDevTools Thanks for the kind words! We're really looking forward to folks kicking tires on it 😀

@ChromeDevTools I'm relieved I don't have to code this anymore!!

@ChromeDevTools Yes! Someone was just asking me how well you can use natural language => DOM. We support this in both our MCP and the AI Assistant in @ChromeDevTools

@ChromeDevTools Could it also help, alongside the "routes" context from the react code, to automate creation of the test suite for end-to-end user journeys?

@ChromeDevTools 🙌🏼🙌🏼🙌🏼

@ChromeDevTools Very very cool

@ChromeDevTools 🙏

@ChromeDevTools Time to replace Playwright 🙌🏼

@ChromeDevTools 👏🏻👏🏻👏🏻👏🏻👏🏻👏🏻👏🏻

@ChromeDevTools 🙏🙏🙏

@ChromeDevTools Thank you for all you do!

@ChromeDevTools after adding it shows disabled and 0 tools available, what's the steps or requirements for this to work? things to look to fix? can add it to Cursor and Gemini CLI in the same project?

@ChromeDevTools Can you help me understand: to use ChromeDevTools I need to have an Anthropic API key to install Claude desckop... or simplified to use google's tool I need to have Claude app installed? Am I missing something or google is skipping something again ?

@techgirl1908 @ChromeDevTools Can it help find memory leaks?

@ChromeDevTools @grok how does this compare to the @browser_use ?

@ChromeDevTools Cool. I don't see any tool for actually reading the page. That kinda defeats the purpose, no?

@ChromeDevTools We do indeed have tools for this including take_snapshot

@ChromeDevTools Nice

@ChromeDevTools The amount of time I've wasted guessing at performance issues from the outside... Giving agents direct debugger and profiler access is the superpower we've been waiting for.

@ChromeDevTools Seamless Chrome integration is a big plus for developers. Looking forward to seeing how this improves AI agent workflows.

@ChromeDevTools oooooooo gonna have fun with this