一句话看懂:EditUI 是一款 Chrome 扩展,让你在浏览器里直接点选运行中的网页元素、写下修改意见并批量收集,最后一键粘贴给 Claude Code、Cursor、Codex、Windsurf 等编程智能体去改代码。
事件核心:发生了什么
开发者工具 EditUI 近日在 Hacker News 的 Show HN 版块发布。它的工作流被概括为“Point → Prompt → Collect → Send”:用户在 Chrome 中打开正在运行的 App,点击任意元素并描述想要的改动,EditUI 会持续记录每一条编辑;收集完成后,可以把整批意见复制粘贴到 Claude Code、Cursor、Codex 或 Windsurf 等编程智能体。官方强调免费、无需配置仓库(No repo setup),只需添加 Chrome 扩展。
它捕捉的不只是“你想改哪”,还包括元素的文本、DOM 结构、class、父级与邻近元素、当前 URL、视口尺寸以及计算样式等上下文。换句话说,它试图替用户完成“找到对应源码位置”这一步。
为什么重要
AI 编程智能体的瓶颈往往不在写代码,而在“理解你到底指哪里”。过去要让 Cursor 或 Claude Code 改动一个按钮,用户通常得截图标注、复制选择器,或翻出源文件对照。EditUI 把这些上下文采集做成了浏览器端的轻量流程,本质上是在补 AI 编程的“输入端”——把人类模糊的视觉意图,转成智能体可解析的结构化信息。
在 Cursor 推出 Design Mode、视觉编辑器成为热点的背景下,EditUI 以第三方扩展形态切入,不绑定单一模型或 IDE,兼容多家编程智能体,这种“跨工具中介”的定位值得注意。
对用户/开发者/创作者的影响
对前端开发者,最直接的收益是 UI 走查效率:不必一次只修正一个问题,可以边浏览边攒改动,最后让智能体批量处理。对使用 Cursor、Claude Code 的独立开发者和小团队,这意味着减少了“解释元素在哪”的沟通成本。
AI 工具推荐
想把多个 AI 模型放在一个入口?
GamsGo AI 集成 ChatGPT、DeepSeek、Gemini、Claude、Midjourney、Veo 等常用模型,适合写作、绘图、视频和日常 AI 工作流。
推广链接:通过此链接购买,我可能获得佣金,不影响你的价格。
对非技术创作者或产品经理,EditUI 降低了提改动的门槛——直接点页面即可描述需求,无需理解选择器。但它仍依赖编程智能体完成实际修改,不能替代对代码逻辑的判断。
值得关注的后续
第一,批量编辑交给智能体后,真实修改准确率如何,是否会出现元素定位漂移;第二,官方明确“免费”,后续是否引入付费或云端同步;第三,Cursor 等原厂视觉编辑功能持续增强,第三方扩展的生存空间与差异化会被检验。目前公开信息显示 EditUI 尚处于早期展示阶段。


