热门产品

Vibeocus Lens

Vibeocus Lens

Vibeocus Lens 为 AI 开发者提供直接连接实时前端到智能体的工具,自动捕获 DOM 与视觉状态,提升调试自动化效率。

Maker 说

Hey Product Hunt! 👋

我是 Ekhtiram,Vibeocus 的独立开发者。

和很多人一样,我最近大量使用 AI 智能体(Cursor、Claude Desktop、Claude Code)来构建 web 应用。执行速度快得惊人,但每次做前端时总会遇到一个巨大的痛点。

每当 UI 元素出问题,或者校验不通过,我都得截个图,打开浏览器开发者工具,手动复制原始 HTML/CSS 片段,再切回 AI 工具,打一大段 prompt 解释问题出在*哪里*、*什么*毛病。整个“vibe-coding”的节奏全被打乱了。

我想要一种方式,能把实时浏览器前端直接桥接到 AI 的项目记忆里。所以我就做了 Vibeocus Lens。

现在,你完全不用浪费时间复制粘贴:只需点击页面上的任意元素,快速加个批注,Lens 就会自动提取精确的 DOM 节点、语义化的 CSS 选择器和视觉状态。然后它通过一个安全的本地桥接,把所有内容流式传输到你的 Vibeocus 项目工作区,让你的 AI 工具通过 MCP 能立即访问。100% 本地运行,没有云端后端,零内存占用。

有趣的事实:你甚至不用安装,就能在我们的着陆页上实时测试核心扩展的 UI!

我今天一整天都在线,非常期待你的真诚反馈。你现在是怎么把 UI/前端上下文喂给 AI 工具的?你觉得 Lens 接下来该加什么功能?

评论区见!🚀

热门产品Ekhtiram Mammadkarimov2026-05-29原文

相关内容