指向页面元素
在普通 Chrome 中选取运行中页面的元素，包括 localhost 页面，并直接写下期望结果，而无需手动描述元素位置。
面向编码代理的视觉反馈
EditUI 是一款 Chrome 扩展，用于向运行中的网页应用中的编码代理提供精准的视觉反馈。无需标注截图或手动识别选择器，你只需在普通 Chrome 中打开页面，点击需要关注的元素，并用日常语言描述修改内容。
该扩展会将评审内容汇总为一条供后续实施使用的提示词。提示词包含页面 URL、视口、每条备注，以及所选元素的上下文信息。将其粘贴到拥有相关代码仓库访问权限的编码代理中，然后查看重新加载后的页面，并针对未达到预期的修改继续反馈。
功能
批量修改界面
在一次评审过程中持续点击并记录问题。EditUI 会保留这些备注，让你可以一次发送多项修改，而不是分别发送多条提示词。
丰富上下文的提示词
复制一条纯文本提示词，其中包含评审页面的 URL、视口、请求，以及所选元素的上下文信息，例如 DOM 详情、可见文本、附近的标记、计算样式和边界框。
不绑定编码代理的输出
将相同的复制结果用于 Claude Code、Cursor、Codex、Windsurf 或其他支持粘贴提示词的编码代理。
无需集成代码仓库
无需向代码仓库添加文件，也无需将扩展连接到代码库，即可完成评审。粘贴提示词后，由编码代理负责实现。
浏览器本地处理
在评审期间将页面上下文保留在浏览器中。只有启用编辑模式后，扩展的内容脚本才会处于活动状态，备注会存储在 chrome.storage.local 中。
使用场景
评审 localhost 构建
在问题出现的视口中打开本地开发 URL，标记受影响的标题、卡片、按钮或间距，然后将完整评审内容发送给在项目代码仓库中工作的编码代理。
批量完成页面润色
在一次评审中收集多个视觉问题，例如层级、对齐、间距、响应式堆叠和按钮强调，然后将编号列表交给编码代理实施。
在 Cursor 浏览器之外工作
当实施工作流基于 Claude Code、Codex 或其他代理，而不是 Cursor 的浏览器时，在普通 Chrome 中评审同一个运行中的应用。
衔接视觉评审与代码修改
设计师、产品评审者或开发者可以通过指向受影响的元素来描述可见结果，而开发者则将生成的提示词用于渲染该页面的代码仓库。
Pros and Cons
Pros
- 让评审者可以直接在普通 Chrome 中识别元素，包括 localhost 页面。
- 将多条界面备注合并为一条提示词，以便批量实施。
- 包含 URL、视口、DOM 上下文和所选元素详情，减少编码代理的理解歧义。
- 支持将粘贴的提示词用于多个编码代理，且无需设置代码仓库。
Cons
- 需要 Chrome 扩展和正在运行的页面；不提供独立的可视化编辑环境。
- 不会直接编辑源文件、调用编码代理或让扩展访问代码仓库。
- 该工作流生成的是文本上下文，而不是直接操作控件、截图或 React 属性检查。
FAQ
如何设置 EditUI？
安装 Chrome 扩展，在 Chrome 中打开正在运行的应用（包括 localhost URL），然后从工具栏开启编辑模式，或在 macOS 上使用 Command-Shift-E（Windows 上使用 Ctrl-Shift-E）。点击元素，描述期望的结果，并继续添加修改，最后复制这一批修改。
EditUI 会向编码代理发送什么？
EditUI 会创建一条纯文本提示词，其中包含页面 URL、视口、每项请求，以及所选元素的上下文信息，例如标签、可见文本、附近的标记、所选属性、计算样式和边界框。将该提示词粘贴到 Claude Code、Cursor、Codex 或其他支持粘贴提示词的工具中。
EditUI 会直接修改我的代码吗？
不会。EditUI 不会读取代码仓库、编辑源文件、调用模型、创建拉取请求，也不会与编码代理保持连接。编码代理需要访问用于渲染所评审页面的代码仓库，并在你粘贴提示词后应用修改。
EditUI 会上传页面信息吗？
扩展会在本地处理页面上下文。备注会存储在 chrome.storage.local 中，只有当你点击“全部复制”并将提示词粘贴到所选工具中时，信息才会离开浏览器。网站声明无需账户。
EditUI 支持哪些编码代理？
它适用于任何能够接受粘贴提示词的代理，包括 Claude Code、Cursor 和 Codex。复制的提示词是纯文本，因此该工作流不绑定于某一个编码代理，也不绑定于 Cursor 的浏览器。
Quick Facts
- 产品类型
- 用于视觉界面反馈的 Chrome 扩展
- 主要平台
- Google Chrome，包括 localhost 页面
- 工作流
- 指向 → 提示词 → 收集 → 发送
- 支持的输出
- 复制到剪贴板的纯文本提示词
- 兼容的编码代理
- Claude Code、Cursor、Codex、Windsurf 及其他基于提示词的代理
- 账户要求
- 无需账户
EditUI 替代品
ByteAsk
ByteAsk 是面向 C 和 C++ 的终端优先 AI 编码 agent，可直接编辑仓库，并在展示 diff 前用真实编译器、调试器、sanitizers 和测试验证修改。提供免费版与付费方案。
Epherem
Epherem 是一款面向 AI 编程工具构建的 Web 应用静态安全扫描器，检查源文件和依赖项中的常见安全错误，并提供分类结果与修复建议，无需运行应用。
CreateOS Sandbox
CreateOS Sandbox 是基于 Firecracker 微型虚拟机的隔离计算环境，用于运行代码和 agent 工作负载，支持私有网络、SDK、CLI 和 MCP 程序化控制。
GitBot
GitBot 是基于本地浏览器的工作区，可借助 Claude Code、Codex 或 OpenCode 创建可复用的编程机器人，跨仓库文件夹运行代理，并保留持久线程与可配置权限。
hob
hob 是面向编码 agent 的独立工作区，可将 agent 会话、终端、历史记录和后续工作围绕你已在用的工具与提供商有序管理，适合重视本地路由、历史和工作区结构控制的开发者。
Ably Chat
Ably Chat 是用于构建自定义实时聊天应用的 chat API 平台，支持房间消息、输入指示、在线状态、表情回应与消息更新，并提供按使用量计费选项。