【开源自荐】EditHere：把你的修改意见准确传递给AI

本帖使用社区开源推广，符合推广要求。我申明并遵循社区要求的以下内容：

• 我的帖子已经打上 开源推广 标签： 是


• 我的开源项目完整开源，无未开源部分： 是


• 我的开源项目已链接认可 LINUX DO 社区： 是


• 我帖子内的项目介绍，AI生成、润色内容部分已截图发出： 是


• 以上选择我承诺是永久有效的，接受社区和佬友监督： 是

以下为项目介绍正文内容，AI生成、润色内容已使用截图方式发出

在 VibeCoding 的时候，对于 AI 直接生成的一整个成果，经常会有很多修改意见想说，但是这时候只能手敲超级长的修改字符，例如“右上角那个按钮再往左一点”、“这个卡片大一些”、“这里的颜色不对”——和 AI 一起改界面时，想法很清楚，却常常要花很多文字解释位置与范围，甚至还可能不够准确。

这也是我自己经常遇到的问题，基于这个问题，我开发了一个小工具——EditHere （改这里），他的作用就是让你直接针对页面截图进行标注、修改甚至移动组件的位置。最后将批注一起转为格式化 JSON 文本，直接粘贴给 AI 就可以让 AI 准确理解你的意图（其实跟人沟通也可以用），现在的AI已经足以根据粘贴的像素区域自行查找确定修改的组件，从而进行修改。

以下是使用方法：

1.让你的 AI Agent 帮你安装EditHere（GitHub - Inginnng/EditHere: EditHere（改这里）— 截图批注、布局调整与 Agent 协作，把位置、意见和变化一起交给 AI。非商业用途免费，其他商业用途需另行授权。 · GitHub）

2.在你的项目中说“用 EditHere 帮我标注主页面”或者打开你的项目之后使用 EditHere 截图

3.在 EditHere 中进行批注：

• 
  

  点批注：为一个小点进行批注

  
  


• 
  

  框批注：自动识别矩形元素，直接点击识别的矩形批注，也可以手动画框

  
  


• 
  

  全局意见：针对项目全局的需求批注

  
  


• 
  

  大爆炸：直接将识别的元素全部切分，可以移动元素，移动将会记录移动前后的位置，提供给 AI 参考，移动后原位置会留空，但你的 AI 会补上此处原本该有的内容。

  
  

4.批注完成后，直接复制 JSON ，然后发送给 AI ，等待验收结果！

本身我也是 VibeCoding 爱好者，希望我的工具可以帮助到大家，如果有什么问题也烦请大家进行反馈，我一定及时处理！