V
Developer Tools Freemium
Vibeocus Lens
Browser Extension chromefirefoxedge
What is Vibeocus Lens?
Bridges your live frontend DOM, CSS state, and annotations directly to AI coding agents via MCP.
Vibeocus Lens is a browser extension that captures exact DOM nodes, semantic CSS selectors, visual state, and annotations from any web page and streams them via a secure local MCP bridge directly into your Vibeocus project workspace. Click any element, add a quick annotation, and your AI coding agent (Claude Code, Cursor, Codex, etc.) sees the same context you do — no manual HTML copying or screenshot taking. 100% local, no cloud backend, zero RAM hogging.
Key Features
DOM node capture
Semantic CSS selector extraction
Visual state streaming
In-page annotations
Local MCP bridge
Works with Claude Code, Cursor, Codex
Privacy-first (no cloud)
Use Cases
Debugging frontend with AI agents
Vibe coding workflows
DOM inspection for LLMs
Bug reproduction handoff
mcpai-agentdeveloper-toolsfrontendbrowser-extensionclaude-codecursor
Opens in a new tab on Vibeocus Lens website.
Comments
Subscribe to join the conversation...
Be the first to comment
Discover more AI tools like this
Get the best AI tools, news, and resources delivered weekly.
Join 3,483 builders reading daily.
Also get