vibe-annotations

在「编程助手」这一类工具里，vibe-annotations 是一个可以直接在网页打开的选择，官方地址为 vibe-annotations.com。打开官网，首先看到的标题是“Vibe Annotations - Visual Annotation Tool for AI Coding Agents”。

按官网的自我介绍：在本地主机上标注任何信息并让您的 AI 编码代理执行每批的修复。与克劳德代码，Cursor，Windsurf，GitHub副驾驶合作。免费的，有源的，100%的本地。（原文：Annotate anything on your localhost and let your AI coding agent implement every fix in one batch. Works with Claude Code, Cursor, Windsurf, GitHub Copilot. Free, source-available, 100% local.）

官网进一步说明：在你的本地主机上记录任何信息，并让编码代理执行每批的修复。免费的，有源的，100%的本地。单击任何本地页面上的任何元素。没有选择者，没有设置。

以下信息来自 vibe-annotations.com 官网首页的公开文字（抓取于 2026-10），翻译可能有偏差，使用前建议到官网核实。

• AI 编码代理的视觉反馈（Visual feedback for AI coding agents）
• 紧跟您的 AI 编码代理（Keep up with your AI coding agent）
• 说说看（Describe it）
• 工具，不只是针头（A toolset, not just a pin）
• 留下一个快速的注释，说明需要修复什么，添加一个设计编辑或截图。
• 官网提供开发者文档或 API 入口
• 官网链接了 GitHub 仓库（https://github.com/RaphaelRegnier/vibe-annotations）
• 提供 Chrome 浏览器扩展

结合官网描述，vibe-annotations 可以用在这些场景：

• 代码补全、生成与编程问答
• 软件开发、原型搭建和技术集成
• 将队列交给你的经纪人，并观看每一个固定的地块在一批。
• 像素-完美上下文。每个针都捕捉到精确的DOM选择器，React（或Vue）组件及其背后的源文件。

使用时可以注意：

• 让 AI 生成代码后，先在本地或测试环境跑通，再合入正式项目。
• 把需求拆成小步提交，比一次性生成大段代码更容易审查。

适合人群：开发者、技术团队以及想快速做出原型的产品人员；需要 API 或二次开发的开发者。

未在官网首页找到公开价格信息，请以官网为准。