DOM 片段提取
捕获被检查组件的精确 HTML 或计算后字符串，让代理基于真实结构而不是摘要来处理。
面向 AI 辅助前端工作的浏览器捕获
Vibeocus Lens 是面向前端调试和 AI 辅助开发的浏览器到工作区捕获工具。它以 Chrome 扩展的形式呈现，可将选中的浏览器元素转换为 Vibeocus Desktop 和兼容 MCP 的代理可用的结构化上下文。
与其让 AI 仅凭截图或模糊描述去推断 bug，不如由 Lens 将精确的 DOM 片段、准确的选择器、局部视觉状态以及你的注释打包成可通过本地桥接流式传输的负载。这样，来自实时前端的交接会更具体，并可进入本地工作区，让 Cursor 或 Claude Code 等代理检查相同的组件上下文。
核心能力
精确 CSS 选择器
记录精确的目标路径，例如 `#hero .btn-primary`，从而更容易让 AI 工具定位到正确元素。
视觉状态捕获
将局部视口截图固定到所选元素、注释和任务状态上，提供视觉上下文。
与元素关联的注释
允许你直接为所选元素添加评论、预期行为或任务备注。
本地 MCP 同步
使用 localhost 桥接将浏览器捕获发送到 Vibeocus Desktop 及其 MCP 上下文。
页面内演示与负载预览
支持网站内置演示流程，你可以先选择一个元素，并在安装扩展前查看结构化负载预览。
实际使用场景
前端 bug 报告
在浏览器中选中损坏的按钮、输入框或面板，附上预期行为，并将精确选择器和 DOM 片段交给 AI 代理，以便更准确地修复。
组件级调试
当单靠截图看不出相关的 DOM 结构或嵌套元素时，直接从页面捕获组件的实时状态。
与工作区关联的交接
将浏览器上下文发送到本地 Vibeocus 工作区，使捕获内容与正确的项目、任务和代理工作流关联起来。
评估与上手
使用内置演示了解负载如何组装，然后再安装扩展并将其连接到桌面应用。
Pros and Cons
Pros
- 在一个流程中捕获多种上下文：DOM、选择器、截图和注释。
- 使用本地桥接，并说明传输保持本地，而不是经过云端后端。
- 将浏览器捕获连接到 Vibeocus Desktop，可将其整理为项目上下文和可被 MCP 读取的数据。
- 产品页面提供内置演示，帮助用户在安装任何内容之前理解捕获流程。
Cons
- 定价详情未发布在定价页面链接上；该页面当前返回 404。
- 网站没有展示关于浏览器兼容性或扩展权限的完整技术规格。
FAQ
如何设置 Vibeocus Lens？
Lens 安装为 Chrome 扩展。页面说明你可以先从网站上的演示开始，然后从 Chrome Web Store 安装，并在 Settings > Lens 中将其连接到 Vibeocus Desktop。
Lens 会向 AI 工作区发送什么？
Lens 会抓取精确的 DOM 片段、准确的 CSS 选择器、局部视觉截图，以及你的注释或任务备注，然后通过本地 MCP 桥接流式传输这些结构化捕获。
Lens 是基于云端还是本地优先？
源描述中提到 localhost 上的本地桥接，并说明数据传输是本地完成的，Lens 捕获不会经过云端后端。
Lens 需要桌面应用吗？
网站显示 Lens 与 Vibeocus Desktop 搭配使用，以打开本地 MCP 网关。该组合可以将目标网站映射到项目，并让工作区中的代理可读取这些捕获内容。
Lens 旨在解决什么问题？
页面将 Lens 定位用于前端 bug 报告和精确组件识别。它旨在减少 AI 代理需要精确组件、选择器和视觉状态时的猜测。
Quick Facts
- 类别
- 开发者工具
- 产品
- Vibeocus Lens
- 平台
- Chrome 扩展；Vibeocus Desktop 配套应用
- 集成
- 兼容 MCP 的本地工作区
- 主要用途
- 前端 bug 捕获与上下文共享
- 网站
- vibeocus.com
Vibeocus Lens 替代品
Biji
Biji是一个多功能平台，旨在通过创新工具和功能提升生产力。
Ably Chat
Ably Chat is a chat API platform for building custom realtime chat applications. It supports room-based messaging, typing indicators, presence, reactions, and message updates, with usage-based pricing options for different deployment stages.
Ghost
Ghost 是一款基于终端的 AI 助手，可在命令行中聊天、生成代码并运行任务。内置免费模型，支持 Linux、macOS 和 Windows，且为开源项目。
AakarDev AI
AakarDev AI helps teams manage AI provider access, project-level setups, logs, and analytics from one dashboard. It supports BYOK workflows and lists providers including OpenAI, Google Gemini, Anthropic, Groq, Mistral AI, and Perplexity AI.
DeepMotion
DeepMotion 是一款基于网页的 AI 动作捕捉与 3D 动画平台，提供 Animate 3D 视频转动画和 SayMotion 文本生成动画，支持浏览器创作并导出常用制作格式。
Carbon Voice
Carbon Voice is an asynchronous voice messaging app for teams and individuals, with transcripts, AI catch-up, and cross-device access. It helps people and agents communicate without needing a live call.