---
title: "Automate UI Bug Fixing with Chrome MCP Server and Copilot"
url: https://daily.dev/posts/automate-ui-bug-fixing-with-chrome-mcp-server-and-copilot-4ej6kydbl
source_url: https://dev.to/this-is-learning/automate-ui-bug-fixing-with-chrome-mcp-server-and-copilot-2131
type: article
source: "This is Learning"
author: "Leonardo Montini 😼"
published: 2025-11-24T22:29:28.449Z
updated: 2025-11-25T19:00:08.656Z
tags: ["ai", "github", "google-chrome", "vscode", "mcp"]
reading_time: 4
upvotes: 2
comments: 0
language: en
---

> ## Documentation Index
> Fetch the complete documentation index at: https://daily.dev/llms.txt
> Use this file to discover all available pages before exploring further.

# Automate UI Bug Fixing with Chrome MCP Server and Copilot

**[This is Learning](https://daily.dev/sources/til)** · [@balastrong](https://daily.dev/balastrong) · 4 min read · 2 upvotes · 0 comments

## Summary

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.

## Full article

daily.dev links to this article rather than hosting it. Read it at the original source: <https://dev.to/this-is-learning/automate-ui-bug-fixing-with-chrome-mcp-server-and-copilot-2131>

## Similar posts on daily.dev

- [How to debug a web app with Playwright MCP and GitHub Copilot](https://daily.dev/posts/how-to-debug-a-web-app-with-playwright-mcp-and-github-copilot-rv663ivcc) · GitHub Blog · 2 upvotes · 0 comments
- [Give Your AI Agent Sight: Integrating Chrome DevTools with MCP](https://daily.dev/posts/give-your-ai-agent-sight-integrating-chrome-devtools-with-mcp-sstnr7nmg) · habr · 5 upvotes · 0 comments
- [Chrome DevTools MCP: Let Your AI Agent Debug Your App](https://daily.dev/posts/chrome-devtools-mcp-let-your-ai-agent-debug-your-app-aostermvp) · Trevor Lasn · 0 upvotes · 0 comments

---

Tags: [#ai](https://daily.dev/tags/ai), [#github](https://daily.dev/tags/github), [#google-chrome](https://daily.dev/tags/google-chrome), [#vscode](https://daily.dev/tags/vscode), [#mcp](https://daily.dev/tags/mcp)

[View this post on daily.dev](https://daily.dev/posts/automate-ui-bug-fixing-with-chrome-mcp-server-and-copilot-4ej6kydbl)