🛍️ 更多精选好物 ›
📊 公开数据一览
| 📦 榜单安装量 | 11.6K |
| ⭐ GitHub Stars | 4,289(fork 338) |
| 🗓️ 最近推送 | 2026-06-07 |
| 🌱 项目创建 | 2026-01-18 |
| 💻 语言 / License | TypeScript · NOASSERTION |
| 🐛 开放Issue | 51 |
📝 工具简介
面向AI代理的视觉反馈工具,让代理能直观看到操作结果。
📖 怎么用
先装依赖,项目里跑 `npm install agentation -D`。然后在代码里引入,`import { Agentation } from 'agentation'`,在组件里跟你的应用一起渲染,`<YourApp />` 下面加 `<Agentation />`。启动后右下角会出现工具栏,点一下激活,然后点页面任意元素就能加注释,支持单选、多选、拖选区域,注释完自动生成结构化输出给 AI 用。
📋 迷你测评
给AI代理用的视觉反馈工具,让代理能看到操作结果。亮点是“视觉反馈”这个切入点,能提升代理的自我纠错能力。适合需要界面交互的任务。
📄 README 要点
这是个跟具体AI工具无关的可视化反馈工具,装好后浏览器右下角会出现工具栏。你可以点击页面任意元素加注释,支持文本选择、多选、区域选择,还能暂停动画捕捉特定状态。最后会生成带选择器和位置信息的结构化markdown输出,让AI编程助手能精确定位到你说的那个元素。纯CSS实现,零依赖,适合给AI编程时提供精确的视觉反馈。
查看英文原文
Agentation is an agent agnostic visual feedback tool. Click elements on your page, add notes, and copy structured output that helps AI coding agents find the exact code you're referring to. Install [安装/使用命令见下方] Usage [安装/使用命令见下方] The toolbar appears in the bottom right corner. Click to activate, then click any element to annotate it. Features Click to annotate – Click any element with automatic selector identification Text selection – Select text to annotate specific content Multi select – Drag to select multiple elements at once Area selection – Drag to annotate any region, even empty space Animation pause – Freeze all animations (CSS, JS, videos) to capture specific states Structured output – Copy markdown with selectors, positions, and context Dark/light mode – Matches your preference or set manually Zero dependencies – Pure CSS animations, no runtime libraries How it works Agentation captures class names, selectors, and element positions so AI agents can grep for the exact code you're referring to. Instead of describing "the blue button in the sidebar," you give the agent .sidebar button.primary and your feedback. Requirements React 18+ Desktop browser (mobile not supported) Docs Full documentation at agentation.com License © 2026 Benji Taylor Licensed under PolyForm Shield 1.0.0
💬 评论(0)
交流使用体验、避坑建议;违规内容将被删除