AI编码所指即达:Agentation发布,开启开发者精准定位新纪元

当开发者和AI编码助手一起在庞大的代码世界里协作,最烦人的就是互相说不清。开发者费力解释屏幕上那个不听话的UI元素在哪,AI却像在成千上万行代码里摸黑找路,只能猜那个左侧侧边栏、带蓝色悬浮的按钮到底在什么文件。

image.png

今天,这种低效的“盲猜”终于有了答案。由Benji Taylor、Dennis Jin和Alex Vanderzon联合推出的全新工具Agentation正式发布。顾名思义,它把Agent(代理)与Annotation(标注)结合起来,相当于给AI编码助手装上一双能看透页面结构的眼睛。

这款为现代开发而生的工具,核心思路是把人的视觉直觉变成机器立即能用的坐标。Agentation不是普通的截图标注,而是一个精细的信息采集器。只要打开工具栏点一下页面里的任意元素,它就会马上记录该元素的类名、CSS选择器和准确的位置。

这种结构化反馈,把原来模糊的自然语言描述,变成清晰的代码定位地图。于是,Claude Code、Cursor、Windsurf等AI助手不必再到处搜索,而是能沿着坐标直接跳到对应的源文件和具体行。

image.png

使用流程同样简洁。开发者在浏览器里悬停并锁定要改的组件,输入几句简要说明,系统就会自动生成一段高度结构化的Markdown输出。

这段文本包含关键元数据,是跨不同AI平台通用的“通行证”。由于Agentation从设计上坚持工具中立,不管你习惯哪种AI代理,只需复制粘贴,就能把从发现问题到修复完成的流程无缝串起来。这样的顺滑体验,让UI微调和修Bug像在画板上点颜色一样直观。

在工程实现上,Agentation保持了克制与轻量。除对React的轻量依赖外几乎零负担,这种纯粹让它可以轻松融入各种复杂项目。它还考虑到动态页面的场景,内置“暂停动画”,方便把转瞬即逝的画面定格下来做精确标注。

无论是改一个小小的拼写,还是重做一段交互逻辑,Agentation都在重新划定人类开发者与AI助手的协作边界。它不只是一个小插件,更像是数字生产力升级的缩影。

项目地址:https://github.com/benjitaylor/agentation

详细介绍:https://agentation.dev/

爱智特-AI智能体一站式企业智能体交易学习发行平台|智能体教程|智能体社区
© 版权声明
THE END
喜欢就支持一下吧
点赞15 分享