Public preview for the new Chrome DevTools MCP server, bringing the power of Chrome DevTools to AI coding assistants.

Chrome's platform is a leading web browser developed by Google, offering insights into web standards, browser features, and web development tools. Through documentation, developer tools, and webinars, Chrome provides insights into building modern web applications and optimizing performance. Developers can learn about web APIs, progressive web apps (PWAs), and Chrome DevTools to create fast, secure, and user-friendly web experiences.

Chrome Developers

Chrome DevTools now integrates with AI coding assistants through the Model Context Protocol (MCP), allowing AI agents to debug web pages directly in Chrome. This enables AI assistants to see what their generated code actually does in the browser, analyze performance traces, diagnose network errors, simulate user behavior, and debug styling issues in real-time. The public preview is available via npm and aims to improve AI coding accuracy by providing browser debugging capabilities.

Chrome DevTools (MCP) for your AI agent

What is the Model Context Protocol (MCP)?

<p>Nice I’m super pumped for this 🙌🏻
Tried setting it up but I guess there’s some errors I’m getting 😅
Sounds like a big win though!</p>
