Vibe Annotations
Vibe Annotations 是一种视觉注释工具，允许开发人员直接在网站元素上放置反馈，并自动让 AI 编码代理通过本地优先的安全浏览器扩展程序实施更改。
https://www.vibe-annotations.com/?ref=producthunt&utm_source=aipure
产品信息
更新于：2025年08月28日
什么是 Vibe Annotations
Vibe Annotations 是一款免费的开源 Chrome 扩展程序，专为与 Claude Code、Cursor、GitHub Copilot 和 Windsurf 等 AI 编码代理一起工作的开发人员而设计。它通过提供一种直接在浏览器中注释 UI 元素的无缝方式，弥合了视觉反馈和代码实现之间的差距。与需要截图和手动解释的传统反馈方法不同，Vibe Annotations 使开发人员能够单击并评论任何元素，同时为 AI 代理提供精确的上下文，包括 DOM 结构、样式和具体说明。
Vibe Annotations 的主要功能
Vibe Annotations 是一个可视化标注工具，允许开发者直接通过 Chrome 扩展程序提供关于网站元素的反馈。它使用户能够在多个页面上的任何元素上放置可视化标注，并自动将这些标注发送给 AI 编码代理（如 Claude Code、Cursor、GitHub Copilot 和 Windsurf）以进行实施。该工具在本地运行，无需帐户设置，并简化了视觉设计和代码实施之间的反馈工作流程。
可视化元素检查器: 点击并标注功能，可捕获精确的上下文，包括 DOM 结构、样式和分区的屏幕截图，以实现精确的 AI 实施
多页面标注支持: 能够在多个页面和路由上添加多达 200 个标注，并在单个 AI 会话中处理所有反馈
本地优先架构: 可在 localhost 和本地文件上工作，具有完全的隐私性，确保所有数据都保留在用户的机器上，而无需云存储或跟踪
通用 AI 集成: 通过 MCP（模型上下文协议）集成与多个 AI 编码代理兼容，只需最少的设置
Vibe Annotations 的使用场景
前端开发: 开发者可以快速标注 UI 问题，并让 AI 在 Web 应用程序的多个页面上实施修复
设计到代码的实现: 设计师可以提供关于原型设计的视觉反馈，并让 AI 自动将其标注转换为代码更改
协作代码审查: 团队可以标记和记录应用程序中需要的更改，从而简化审查和实施过程
优点
无需帐户或订阅 - 完全免费和开源
注重隐私，仅限本地数据存储
设置过程简单，所需配置最少
缺点
仅限于基于 Chromium 的浏览器
需要本地服务器设置才能运行
每个会话最多 200 个标注的限制
如何使用 Vibe Annotations
安装 Chrome 扩展程序: 从 Chrome 网上应用店安装 Vibe Annotations 扩展程序
安装本地服务器: 运行 'npm install -g git+https://github.com/RaphaelRegnier/vibe-annotations-server.git' 以安装配套的本地服务器
启动服务器: 启动将在端口 3846 上运行的本地服务器。使用 'vibe-annotations-server status' 检查服务器状态
配置 AI 编码代理: 使用 SSE URL：http://127.0.0.1:3846/sse 将您的 AI 编码代理（Claude Code、Cursor、GitHub Copilot 或 Windsurf）连接到 Vibe Annotations 服务器
创建注释: 打开您的 localhost 网站并开始单击元素以添加视觉注释和反馈
添加多个注释: 继续在您网站的多个页面上添加注释（最多支持 200 个注释）
处理注释: 要求您的 AI 代理 '处理我的所有注释/反馈/评论' 以自动实施更改
查看更改: 查看您的 AI 编码代理根据您的注释所做的已实施更改
Vibe Annotations 常见问题
Vibe Annotations是一个为AI编码代理设计的可视化注释工具，允许开发者直接在网站元素上添加可视化注释，并让AI编码代理自动实现更改。它与Claude Code、Cursor、GitHub Copilot和Windsurf等工具配合使用。
与 Vibe Annotations 类似的最新 AI 工具
Gait
Gait是一个集成了AI辅助代码生成和版本控制的协作工具，使团队能够高效地跟踪、理解和共享AI生成代码的上下文。
invoices.dev
invoices.dev 是一个自动化发票平台，直接从开发人员的 Git 提交生成发票，并具有与 GitHub、Slack、Linear 和 Google 服务的集成能力。
EasyRFP
EasyRFP 是一个 AI 驱动的边缘计算工具包，通过深度学习技术简化 RFP（请求提案）响应并实现实时田间表型。
Cart.ai
Cart.ai是一个AI驱动的服务平台，提供全面的业务自动化解决方案，包括编码、客户关系管理、视频编辑、电子商务设置和自定义AI开发，并提供24/7支持。
类似 Vibe Annotations 的热门 AI 工具
GitHub Copilot Chat
GitHub Copilot Chat 是一个 AI 驱动的编码助手，提供自然语言交互、实时代码建议和直接在支持的 IDE 和 GitHub.com 中的上下文支持。
CopilotForXcode
CopilotForXcode是一个Xcode源代码编辑器扩展，它集成了GitHub Copilot、Codeium和ChatGPT，以在Xcode中提供AI驱动的代码建议、聊天协助和提示到代码功能。
BrowserAI
BrowserAI 是一个开源库，它支持直接在具有 WebGPU 加速的 Web 浏览器中运行本地大型语言模型 (LLM)，提供以隐私为中心的 AI 功能，而无需服务器基础设施。
OpenAI Codex CLI
OpenAI Codex CLI是一个轻量级的开源编码代理，可在您的终端中运行，使开发人员能够将自然语言转换为代码执行，同时提供ChatGPT级别的推理能力，并能够运行代码、操作文件并在版本控制下迭代。