- inginnng2026-09-2419050
本帖使用社区开源推广,符合推广要求。我申明并遵循社区要求的以下内容:
- 我的帖子已经打上 开源推广 标签: 是
- 我的开源项目完整开源,无未开源部分: 是
- 我的开源项目已链接认可 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 爱好者,希望我的工具可以帮助到大家,如果有什么问题也烦请大家进行反馈,我一定及时处理!
主楼 - inginnng2026-09-2519050
这个工具可以适用于所有界面化的东西,例如做的游戏、生成的AI图、html等,都可以通过这种方式进行批注,现在的AI圈圈可以理解你标记的像素,背后对应的具体功能是什么,所以非常适合用来进行准确的标注描述,期待大家的试用 ^-^

- inginnng2026-09-2519050
感觉有意思的朋友麻烦点个star吧,球球了 ^-^ ^-^ ^-^ ^-^
- agi_is_coming2026-09-2517862
支持一下,感觉和半年前agentation这个mcp思路很像啊 也可以学习借鉴一下