Show HN: EditUI——在浏览器里直接进行 Cursor/Claude Design 风格的 UI 编辑

EditUI 是一款 Chrome 扩展,让你在浏览器里直接点选运行中的网页元素、写下修改意见并批量收集,最后一键粘贴给 Claude Code、Cursor、Codex、Windsurf 等编程智能体去改代码。

一句话看懂: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 的独立开发者和小团队,这意味着减少了“解释元素在哪”的沟通成本。

GamsGo AI

AI 工具推荐

想把多个 AI 模型放在一个入口?

GamsGo AI 集成 ChatGPT、DeepSeek、Gemini、Claude、Midjourney、Veo 等常用模型,适合写作、绘图、视频和日常 AI 工作流。

了解 GamsGo AI

推广链接:通过此链接购买,我可能获得佣金,不影响你的价格。

对非技术创作者或产品经理,EditUI 降低了提改动的门槛——直接点页面即可描述需求,无需理解选择器。但它仍依赖编程智能体完成实际修改,不能替代对代码逻辑的判断。

值得关注的后续

第一,批量编辑交给智能体后,真实修改准确率如何,是否会出现元素定位漂移;第二,官方明确“免费”,后续是否引入付费或云端同步;第三,Cursor 等原厂视觉编辑功能持续增强,第三方扩展的生存空间与差异化会被检验。目前公开信息显示 EditUI 尚处于早期展示阶段。

来源:HN Algolia · AI 24h

celebrityanime
celebrityanime
文章: 27392

发表回复

您的邮箱地址不会被公开。 必填项已用 * 标注