我们构建了一个开源工具,让你在浏览器中点击 UI 缺陷并自动修复它们

📄 中文摘要

ui-ticket-mcp 是一个 MCP 服务器,旨在弥合浏览器中可视化问题与 AI 编码代理之间的差距。用户只需点击有问题的元素,并写下简单的评论,如“边距不对”或“文本被截断”,AI 编码代理便能获取完整的上下文信息,包括 CSS 计算样式和 DOM 结构。这种工具的出现解决了开发者在描述视觉缺陷时的困扰,使得修复过程更加高效和直观。

📄 English Summary

We built an open-source tool that lets you click on UI bugs in the browser and have AI agents fix them automatically

ui-ticket-mcp is an MCP server designed to bridge the gap between visual issues seen in the browser and the code understood by AI coding agents. Users can simply click on the broken element and leave a comment like 'padding is wrong' or 'this text is clipped.' The AI coding agent then picks up the context, including CSS computed styles and DOM structure. This tool addresses the challenges developers face when describing visual defects, making the fixing process more efficient and intuitive.

Powered by Cloudflare Workers + Payload CMS + Claude 3.5

数据源: OpenAI, Google AI, DeepMind, AWS ML Blog, HuggingFace 等