visual-ui-debug-agent-mcp

让 AI 亲眼看见网页，自动定位并修复 UI 缺陷

VUDA（Visual UI Debug Agent）是一个基于 MCP 协议构建的自主调试代理，旨在让 AI 模型能够直接对网页进行视觉分析、自动化测试和缺陷修复。它解决了传统 AI 编程助手无法看见界面实际渲染效果、难以定位 UI 布局或交互问题、以及调试过程依赖人工介入的痛点。其核心能力包括：通过浏览器自动化工具（Playwright/Puppeteer）驱动真实浏览器，捕获页面截图和 DOM 状态；利用视觉模型理解截图，识别元素错位、样式异常或功能故障；自动执行测试步骤并收集控制台错误、网络请求失败等诊断信息；最终生成修复建议或直接应用补丁。项目采用 JavaScript 实现，与 MCP 生态无缝集成，可接入支持 MCP 的 AI 客户端（如 Claude、Cursor 等）。目前处于早期阶段，星标 80，但架构清晰，为 AI 驱动的 UI 自动化调试提供了新思路。