EditUI：鼠标轻点界面，直接下达修改指令给AI代码助手。

鼠标轻点界面，直接下达修改指令给AI代码助手。

向 Cursor、Claude Code 或 Codex 描述界面调整需求（如间距错位、卡片过高、CTA 按钮过于突兀、移动端适配异常等）往往繁琐耗时。借助 EditUI，你可直接在 Chrome 浏览器中打开目标应用或网站，点击任意元素输入修改指令，随时补充反馈，最后将全部批注一键同步至 Claude Code。无需本地仓库配置，纯 Chrome 扩展形态。完全免费开源，免注册、无后端服务，开箱即用。

小编简评： EditUI 是一款直击开发者痛点的 Chrome 扩展工具，巧妙融合了现代设计协作与人工智能编程能力。在传统前端工作流中，设计师与工程师之间的沟通成本往往居高不下，而 EditUI 通过“所见即所得”的交互逻辑彻底打破了这一壁垒。用户无需切换上下文或编写冗长的需求文档，只需在浏览器中对目标界面进行圈选标注，即可将视觉反馈转化为精准的结构化指令，一键推送给 Claude Code 等 AI 编程代理。其核心优势在于极致的轻量化架构：不依赖任何第三方后端服务，无需繁琐的本地仓库配置，真正实现了开箱即用。对于追求高效迭代的前端团队而言，它不仅是一款轻量级的 Design Tools 和 Developer Tools，更是将 Artificial Intelligence 深度嵌入日常开发场景的实战利器。该项目已开源至 GitHub，代码质量高且社区维护活跃，为开发者生态提供了极具参考价值的创新方案。无论是独立创作者还是企业级产品团队，都能借此实现从“手动排查”到“智能协同”的效率跨越。

用户评价：
　　“终于不用跟设计师扯皮了，点点就能改UI，效率翻倍！”
　　“免注册免后端太香了，Chrome里直接标注发给AI，丝滑。”
　　“对移动端适配问题特别好用，批量提交指令省了不少时间。”
　　“开源良心之作，搭配Claude Code用简直是前端开发的神器。”

关键词：#EditUI #Chrome Extensions #Design Tools #Developer Tools #Artificial Intelligence #GitHub #Chrome 扩展程序 #设计工具 #开发工具 #人工智能

官方网站： EditUI

英文介绍： Point at your UI. Tell your coding agent what to change.

Explaining to cursor/claude code/codex UI changes: spacing is off, this card is too tall, that CTA is too loud, mobile looks weird…..is annoying. With EditUI you open your actual app/website in Chrome, click anything, leave a quick instruction, keep reviewing, then send the whole batch to Claude Code at once. No repo setup. Just a Chrome extension. Free and open source. No signup, no backend.

官方网站： EditUI

您觉得这个产品怎么样？有什么亮点或不足？可以分享给您的朋友一起探讨！

每天下午16:00，实时同步 Product Hunt 精选榜单，用中文呈现全球顶级开发者、创业者的奇思妙想，准时链接全球创意！欢迎持续关注~~~