Vibeocus Lens

Vibeocus Lens 是一款革命性的前端调试工具，它彻底改变了开发者和AI代理之间的协作方式。无需再手动复制HTML代码或截取屏幕截图，Vibeocus Lens 能够直接从浏览器中精确捕获DOM节点、视觉状态以及用户注释，并通过MCP（模型上下文协议）实时传输到您的本地工作区。

核心功能

Vibeocus Lens 的核心在于其实时捕获与传输能力。它像一个智能的“眼睛”，时刻关注着前端页面的每一个变化。无论是复杂的动态交互，还是细微的样式调整，它都能准确捕捉并结构化地呈现给AI代理。

主要特性

• 精确DOM节点捕获：直接获取页面中特定元素的完整DOM结构，避免手动查找和复制的繁琐。
• 视觉状态同步：不仅捕获代码，还能记录元素的渲染状态，包括CSS样式、伪类效果等。
• 注释集成：支持在浏览器中直接添加注释，并随数据一起传输，方便与AI沟通问题。
• MCP协议支持：通过标准化的模型上下文协议，无缝对接多种AI代理，如代码助手、测试工具等。
• 本地工作区集成：数据直接流入您的开发环境，无需中间文件或额外配置。

适用场景

• 前端调试：快速将bug现场完整信息传递给AI，加速问题定位和修复。
• 自动化测试：为AI测试代理提供实时页面状态，实现更智能的UI测试。
• 设计协作：设计师和开发者之间共享精确的页面状态，减少沟通误差。
• AI辅助开发：让AI代理实时理解前端变化，提供更准确的代码建议。