Vibeocus

Vibeocus Lens 可避免手动复制 HTML 及截取前端漏洞截图，能从浏览器捕获准确的 DOM 节点、视觉状态和注释并传输到本地。它可将实时前端连接到 AI 代理，提取组件 HTML 便于 AI 识别布局，捕获语义目标路径方便定位组件，生成局部视口截图，通过本地桥传输数据，还具备可视化工作区、看板、文件管理、内存管理、Git 提交历史记录审查、搜索、本地凭据存储、代理上下文控制、移动伴侣视图、环境状态小部件、iCloud 同步及外观主题等功能。

产品功能

• 直接将实时前端连接到AI代理，无需手动复制HTML和截图前端错误，通过MCP将浏览器捕获的精确DOM节点、视觉状态和注释传输到本地工作区
• 提取被检查组件的确切HTML/计算字符串，便于AI识别布局
• 捕获精确的语义目标路径，方便定位组件
• 生成固定在DOM上下文、注释和任务状态上的局部视口截图
• 使用localhost上的安全本地桥将浏览器捕获传输到Vibeocus Mac工作区
• 即时沙盒演示，运行核心Lens脚本，可通过浮动操作按钮切换检查器
• 检查并选择UI组件，Lens突出显示边界框并提取干净的DOM树片段
• 添加注释并关联上下文，Lens将注释链接到特定CSS选择器和页面URL
• 通过本地桥接传输数据，安装扩展后可将这些数据直接路由到桌面应用程序，无云后端，100%本地传输
• 独立的Lens将数据保存到浏览器存储，与Vibeocus桌面应用程序配对可打开本地MCP网关，映射目标网站到特定代码库，创建活动任务项并自动填充工作区内存层
• 提供可视化的项目工作区，包括仪表板、Markdown图表、自由形式板、笔记、Git活动、代理工作流程、小部件和移动快照等
• 提供看板功能，用于计划和审查任务，包括状态列、优先级、开始日期、到期日期和代理创建的跟进
• 提供项目文件管理功能，可将简报、合同、截图、参考资料和项目文件集中保存，并仅向代理公开选定的文档
• 提供项目内存管理功能，可在连接到工作区的本地Markdown库中编写计划、规范、决策和进度笔记
• 提供Git提交历史记录审查功能，可在不离开工作区的情况下查看提交、分支、差异、文件统计信息和项目历史记录
• 提供搜索功能，可从一个快速命令面板在项目、文件、笔记、机密、文档和提交之间跳转
• 提供本地凭据存储功能，可在本地存储服务器、令牌、API密钥和凭据，并决定代理可访问的内容
• 提供代理上下文控制功能，让Codex、OpenCode、Claude Code、Gemini等代理通过MCP与选定的项目上下文协作
• 提供移动伴侣视图功能，可通过iCloud快照从iPhone检查任务、笔记、Git更新、项目活动和工作区状态
• 提供环境状态小部件功能，通过macOS小部件和状态栏显示最近的任务、提交、活动和工作区健康状况
• 提供可选的iCloud同步功能，在工作区保持本地优先的同时，使用自己的iCloud进行选定的快照
• 提供外观主题