Demonstrates how to use the Chrome MCP server with GitHub Copilot to automatically detect and fix UI bugs. The tutorial walks through installing the Chrome DevTools MCP server in VS Code, using AI agents to navigate to a webpage, identify accessibility issues with badge text on hover, and automatically apply fixes. The agent takes snapshots of the page structure, interacts with elements, validates the fix, and can generate pull requests with screenshots for easier code review.
Table of contents
Getting StartedDemo RunThe Fix in ActionValidationConclusionLeonardo Montini FollowSort: