EditUI
点一下，告诉智能体改什么
在 Chrome 中点击网页元素留下修改笔记，批量收集后一键粘贴给 Claude Code、Cursor 等编程智能体，零仓库配置
免费试用 · 无需下载即可在线体验
不再用截图描述界面
直接点击元素、写修改说明，批量发给编程智能体
EditUI 是一款 Chrome 扩展，专为前端开发和设计评审场景打造。用户打开正在运行的网页应用，在 EditUI 中点击任意元素，留下自然语言修改说明（如「把标题缩小一点」「按钮改成次要样式」），所有修改笔记会被自动收集到一个批量指令中。
完成后，用户只需复制整条批量指令粘贴到 Claude Code、Cursor、Codex 或 Windsurf 等编程智能体的对话框中，智能体就能一次性处理所有 UI 修改，无需逐一说清楚元素位置或复制 CSS 选择器。
核心功能一览
六大核心能力，覆盖创作全流程
点击元素记录修改
在 Chrome 中开启 Edit Mode，点击任意页面元素，输入自然语言修改说明
批量收集与发送
所有修改笔记自动收集，一键复制批量指令粘贴到编程智能体
零配置接入
无需 Git 仓库配置、无需 MCP，纯本地存储，打开即用
上下文自动捕获
自动捕获元素的 HTML 标签、CSS 类名、DOM 层级、视口尺寸等上下文信息
零基础快速上手
4 步完成你的第一件 AI 作品，无需任何设计经验
安装 Chrome 扩展
从 Chrome Web Store 或 GitHub 下载 EditUI 扩展，安装到浏览器。
打开目标网页并进入 Edit Mode
打开需要修改的网页应用，点击扩展图标或按 Ctrl+Shift+E 进入编辑模式。
点击元素并留下修改说明
点击任意 UI 元素，在弹出的输入框中描述你想要做的修改（如「把 Hero 区域高度减小 20px」），点击确认，继续点击其他元素。
复制批量指令发送给智能体
全部修改完成后，点击「Send」复制整条批量指令，粘贴到 Claude Code、Cursor 或你的编程智能体中。
常见问题解答
遇到问题？这里可能有你想要的答案
EditUI 需要连接我的 Git 仓库吗？
不需要。EditUI 完全在浏览器本地运行，不读取页面内容，也不发送任何数据到外部服务器，隐私完全由用户自己控制。
支持哪些编程智能体？
EditUI 输出的是标准化文本指令，可以粘贴到任何接受文本输入的编程智能体中，包括 Claude Code、Cursor、Codex、Windsurf 等。
免费版有什么限制？
EditUI 完全免费开源，无任何功能限制，无账号注册要求，所有数据存 储在浏览器本地。
UI 反馈方式对比
和同类工具横向对比，帮你选对工具。
| 对比维度 | EditUI | 手动描述 | 截图标注 |
|---|---|---|---|
| 信息准确性 | ✅ 自动捕获 DOM | ⚠️ 依赖文字描述 | ⚠️ 需手动标注 |
| 批量处理 | ✅ 批量收集一键发送 | ❌ 逐个处理 | ⚠️ 批量但信息不全 |
| 配置要求 | ✅ 零配置 | ✅ 零配置 | ✅ 零配置 |
| 智能体兼容性 | ✅ Claude Code/Cursor/Codex/Windsurf | ⚠️ 取决于描述质量 | ⚠️ 需额外处理 |
同类推荐工具
发现更多优质 AI 创作工具，找到最适合你的那一款
Anthropic
Anthropic 是由 OpenAI 前研究副总裁 Dario Amodei 兄妹于 2021 年创立的 AI 安全公司，以「宪法式 AI（Constitutional AI）」训练出 Claude 系列大模型，主打有用、无害、诚实。
Apache Airflow
Apache 顶级开源项目，用 Python 代码定义有向无环图（DAG）来编排批处理工作流 ，拥有 1500+ 算子与庞大生态，是数据管道调度领域的事实标准。
BentoML
BentoML 是面向 AI 应用与模型推理的统一服务框架，支持任意模型格式与运行时、自定义 Python 逻辑，并提供批处理、任务队列、多模型编排、分布式调度与多 GPU 推理等关键原语。现已并入 Modular。
Bolt.new
Bolt.new 是 StackBlitz 推出的浏览器内 AI 全栈应用生成器，用一句话提示即可生成、运行并部署包含前端、后端与数据库的真实 Web 应用，无需本地环境。