工具与素材
EditUI：在真实页面点选元素，批量把改 UI 说明交给 Cursor／Claude
在预发或本地页改间距／层级／CTA 时，用点选批注生成带 DOM 上下文的一条提示再交 Agent，比口头「上面第三个卡片」更稳。
2026-10-14 Product Hunt 上线的 EditUI：免费开源 Chrome 扩展。在已运行的 App／站点（含 localhost）开 Edit Mode，点击元素写改动说明，可连点多处；Copy all 生成含 URL、视口、DOM／类名／附近结构／计算样式与边界框的一条提示，粘贴到 Claude Code／Cursor／Codex。无账号、无后端、不接仓库；页面上下文本机处理，仅在你复制时离开浏览器。
editui.app：Point at your UI… Click any element… send them all to Claude Code, Cursor。editui.app/chrome-extension：No repo setup… Batch your edits… Page context is processed locally。hunted.space：Featured on October 14th, 2026；Free and open source。
为什么值得看
设计师／设计兼动手的人在预发或本地页上改间距、层级、CTA 时，可少写模糊指代；走「批注 → Agent 改源码」路径，可当天装扩展试。
可以试试
在 localhost 开 Edit Mode，点两处间距与一处 CTA 文案，Copy all 进 Cursor 看映射是否命中正确组件。