In this video, I introduce you to Chrome DevTools MCP — a new system that gives your AI coding agents real visibility into what’s happening inside your browser. We’ll build a small React app, break it on purpose, and then use Gemini CLI with Chrome DevTools MCP to debug layout and API issues in real time. You’ll see how AI agents can now inspect the DOM, CSS, and network requests directly from Chrome — no guessing, no blind spots. This is one of the first real steps toward AI-assisted debugging for frontend developers, and it’s surprisingly powerful once you see it in action. Links Chrome DevTools MCP: Gemini CLI setup: The Cat API: