夜雨聆风学习资料网

ARTICLE · 1272494

面向 AI 的通用视觉批注与布局修改工具.核心解决一个问题:跟 改界面时,"往左挪一点"这种话太模糊, 经常改错地方.

面向 AI 的通用视觉批注与布局修改工具.核心解决一个问题:跟 改界面时,"往左挪一点"这种话太模糊, 经常改错地方.

EditHere

“

一个截图批注工具,核心解决一个问题:跟 AI 改界面时,"往左挪一点"这种话太模糊,AI 经常改错地方。

Github地址

https://github.com/Inginnng/EditHere

功能特性

你在图上点哪里、框哪里、拖到哪里,它把原图和精确的像素坐标打包成 JSON 交给 AI,不用打字描述位置。

  • 批注:点批注、框批注、智能识别元素后写意见,每条带编号,不往原图上画字
  • 大爆炸:把界面切成块直接拖动、缩放,自动记录前后坐标位移
  • 视频批注:暂停到某一帧写意见,导出带时间戳和帧截图
  • 截图工具:全局快捷键唤起,悬停识别区域,滚轮切换选区大小,支持长截图、贴图置顶、OCR 识别文字
  • 交 AI:点"完成并返回 AI"自动回传,或手动复制 JSON 给任意模型

怎么用

桌面版是主力,Windows 10 1809+ 有安装包和免安装 ZIP,macOS 14+ 和 Linux 是预览版。网页版是个单 HTML 文件,双击就能跑,适合临时用或者塞进 AI 工作台当面板。

装完之后按 Alt + Shift + 2 截图,标完点完成,AI 收到的是带坐标的结构化数据,不是一张画满红框的图。

让 AI 帮你安装

在能操作本机终端与文件的 AI 工具中(如 Codex、Claude Code),复制对应版本的提示词即可完成配置:

桌面程序版本:

请按 https://github.com/Inginnng/EditHere/blob/codex/native/docs/AI-SETUP.md 帮我配置 EditHere 和 edithere skill。
优先复用已安装或已完整解压的程序;如果没有,再按我的操作系统安装。
完成后验证 CLI 可以调用、skill 已放到当前 AI 工具能识别的位置,并告诉我如何发起第一次标注。
需要我完成的系统授权请明确提示。

Web 版本(MCP Apps / 浏览器兼容入口):

请按 https://github.com/Inginnng/EditHere/blob/codex/native/web/AI-SETUP.md 帮我安装 EditHere Web Agent。
我会提供 web-agent ZIP 的地址或本地文件及 SHA-256:先检查是否已有安装,再完整解压到长期保留的用户目录。
优先配置当前宿主的 EditHere Web MCP,验证工具发现和内嵌界面,并安装 edithere-web skill。
宿主不支持 MCP Apps 时说明实际限制,改用普通浏览器兼容入口。
保留现有配置,不覆盖其他 MCP 或技能,最后告诉我如何批注当前页面。

配置完成后,在你的项目里说一句:

“

用 EditHere 让我标注一下首页,等我完成后按我的意见修改。

桌面版需要 AI 工具拥有本机终端和文件权限;Web 版还需要宿主支持 MCP Apps,不支持时走普通浏览器兼容入口。仅有网页聊天窗口无法安装本机程序。详细步骤见 AI 安装指南 与 网页版安装指南。

相关学习资料