agentation

Agentation 是一款视觉反馈工具，旨在弥合你在运行中的网页上所见与 AI 编码代理需在源代码中修改内容之间的差距。它无需用文字描述 UI 问题，而是直接指向问题所在。 工作原理：将包作为开发依赖安装，并在应用旁渲染 `<Agentation />` 组件。右下角会出现一个工具栏。激活后，点击页面上的任意元素即可进行注释。工具会捕获类名、CSS 选择器和元素位置，然后生成结构化 Markdown 输出，你可复制并交给代理。README 中的示例是，与其说“侧边栏中的蓝色按钮”，不如给代理 `.sidebar > button.primary` 加上你的注释，代理可直接 grep 定位。 README 中列出的显著功能： - 点击注释任意元素，自动识别选择器 - 文本选择，用于注释特定内容 - 拖拽多选多个元素 - 区域选择，即使区域不含元素也可注释 - 动画暂停，冻结 CSS、JS 和视频动画以捕获特定状态 - 结构化 Markdown 输出，包含选择器、位置和上下文 - 深色和浅色模式，跟随系统偏好或手动设置 - 零运行时依赖，使用纯 CSS 动画 要求与范围：React 18 或更高版本，以及桌面浏览器（不支持移动端）。该项目与代理无关，即复制的输出不绑定特定 AI 编码助手。 许可：README 声明项目版权归 Benji Taylor 所有，采用 PolyForm Shield 1.0.0 许可，这是一种源代码可用许可，而非传统开源许可，因此在商业使用前请审阅其条款。完整文档托管在 agentation.com。