EditUI — 在 Chrome 里点界面元素，批量改完再贴给编程助手 EditUI — click UI in Chrome, batch the notes, paste to your coding agent

详细介绍Details

EditUI 是免费的 Chrome 扩展（MIT 开源）：打开正在跑的页面（含 localhost），开编辑模式后点元素、写下想改成什么样，可以连点多处，最后「Copy all」生成一份带 URL、视口、DOM 上下文和你的备注的提示词，粘贴进 Claude Code、Cursor、Codex 或任意能吃粘贴的助手。它不直接改代码、不接 MCP、不替你调模型，只负责把「你指的是哪一块」说清楚。官网写 Free、不用账号、不用先配仓库。适合做界面走查、又懒得口头描述「左上角那个按钮」的人。 EditUI is a free Chrome extension (MIT): open a running page (localhost included), turn on edit mode, click elements and write the change you want, collect several notes, then Copy all builds one prompt with URL, viewport, DOM context, and your notes for Claude Code, Cursor, Codex, or any paste-friendly agent. It does not edit code, speak MCP, or call a model—it only makes “which element” unambiguous. The site says free, no account, no repo setup. Good for UI review when you are tired of describing “the button at the top left.”

为什么推荐Why we recommend it 点选→备注→Copy all、agent-agnostic、不直接改代码，都照官网与扩展说明页写；结构化数据标价 0 USD。Chrome Web Store 链接来自官网 CTA。本库没有安装扩展、没有在 localhost 实测走查。 Click→note→Copy all, agent-agnostic paste, and no direct code edits follow the site and extension page; structured data lists price 0 USD. Chrome Web Store link is from the site CTA. This library did not install the extension or run a localhost review.

上手路径How to start

1. 先跑一次安全范围Run a safe first pass

   先在可撤回、不外发的范围内试跑。本条未批准前：扩展只生成提示词；真正改代码的是你粘贴进去的助手，合并前自己看 diff。。 Try it first in a reversible, non-outbound scope. Until approved: The extension only builds a prompt; your pasted agent edits the code—review the diff before merge..

2. 存 SkillSave a Skill

   把跑通的步骤存成 Skill，下次同类任务直接复用，而不是重新口述。 Save the working steps as a Skill so the next similar job reuses them instead of being re-explained.

3. 再上 RoutineThen add a Routine

   确认输出可靠后，再考虑定时或事件触发；例行默认仍应停在待审。 After output is reliable, consider a schedule or event trigger. Routines should still stop at review by default.