visual-ui-debug-agent-mcp

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

开源 🏷️定价信息待确认 ✅ 目前可打开 智能体 🍴 复刻 10 🐛 待处理 2 👀 关注 1
访问官网 ↗ GitHub ↗
GitHub 星标 ★ 84
维护状态 较活跃
是否开源 开源
定价模式 🏷️定价信息待确认

项目预览

visual-ui-debug-agent-mcp 项目界面预览图
图片来源:项目官网

项目数据

分类智能体
开发团队samihalawa
定价模式🏷️定价信息待确认
价格说明定价信息待确认
访问状态✅ 目前可打开
是否开源是
开源协议ISC
主要语言JavaScript
技术栈/模型agent,ai,automated,automation,autonomous-agents,browser,debugging,gpt,mcp,mcp-server,playwright,typescript,ui,ui-testing,visual-testing
GitHub 星标★ 84
上线时间2025-05-02 00:00:00
代码更新2026-11-01
仓库体积32.1 MB
本站数据更新2026-11-09
维护状态较活跃
收录时间2026-08-09
浏览次数6

项目介绍

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

Star 增长趋势

本站每日记录该项目 GitHub 星标变化,观测越久曲线越完整

数据来源:GitHub API 逐日快照 · 收录于 2026-08-09 · 当前星标 ★ 84

核心亮点

  • 视觉+DOM双通道分析,能发现纯代码审查遗漏的布局和样式问题
  • 基于 MCP 协议,可无缝接入主流 AI 编程助手,降低使用门槛
  • 自动执行浏览器操作并采集控制台/网络错误,调试信息全面

不足之处

  • 早期项目,文档和社区支持尚待完善
  • 依赖外部视觉模型 API,可能产生额外成本或延迟

适用场景

  • 前端开发中快速定位响应式布局错位或样式异常
  • CI/CD 流程中自动进行 UI 回归测试并生成可视化报告
  • AI 编程助手在生成代码后自动验证页面功能并迭代修复

替代项目

Playwright、Puppeteer、Selenium

上一篇:dspy-compounding-engineering

下一篇:MassGen

同类项目推荐

healthy-diet-ai-agent 开源

上传食物照片,即刻获得基于知识库的个性化营养建议

Healthy Diet AI Agent is a Bun + TypeScript backend for nutrition chat, food-image a···

★ 773 2026-08-09
octo-server 开源

自托管 AI 协作后端,让智能体融入团队聊天

The Go backend powering OCTO — an open workplace built for humans × AI agents. RES···

★ 1110 2026-08-09
Claude-to-IM-skill 开源

在聊天软件里直接指挥 AI 编码代理干活

Bridge Claude Code / Codex to IM platforms — chat with AI coding agents from Telegr···

★ 2902 2026-08-09
agent-smith 开源

给 AI 编程代理装上油耗表,自动换挡省 token

Token 超支?快给史密斯打电话! Better Call Smith. Adaptive model routing, a glassy C···

★ 9 2026-10-18
synapse-ai 开源

让 AI 代理真正干活,用 DAG 编排多智能体工作流

Build AI agents that actually do things. Synapse is an open-source platform for crea···

★ 338 2026-08-10
ToRA 开源

让大模型调用工具解数学题,准确率飙升

ToRA is a series of Tool-integrated Reasoning LLM Agents designed to solve challengi···

★ 1125 2026-08-09
claude-banana 开源

把模糊想法变成专业图像提示词,让 AI 画得更准

AI agent that turns your rough ideas into perfect image generation prompts. 7-compon···

★ 107 2026-08-09
DocSentinel 开源

让 AI 智能体自动审阅安全文档,快速找出合规风险与修复方案

MCP server for AI agent for cybersecurity: automate assessment of documents, questio···

★ 90 2026-08-09
mikrotik-mcp 开源

让 AI 直接管理 Mikrotik 设备,自然语言运维不再难

MCP server for Mikrotik

★ 327 2026-08-09