Launching today
DevLensPro

DevLensPro

AI-powered debugging for Claude Code. Point, click, fix

56 followers

Visit website
•
DevLensPro is a Chrome extension that bridges your browser with Claude Code. Point at any UI element, and Claude instantly understands the context—CSS, HTML, console logs, React components, screenshots—and fixes bugs automatically. It eliminates the back-and-forth of describing UI issues. Works with the MCP protocol for seamless integration. 100% local, open source, and privacy-first.
DevLensPro gallery image
DevLensPro gallery image
DevLensPro gallery image
DevLensPro gallery image
DevLensPro gallery image
DevLensPro gallery image
Free Options
Launch tags:Chrome Extensions•Developer Tools•Artificial Intelligence
Launch Team
Checkmarx Developer Assist for AI IDEs
Security linter for vibe coding: fix vulns as you build
Promoted

What do you think? …

Gareth - Agentik OS
DevLensPro
Maker
📌
I built DevLensPro because debugging UI issues with Claude Code felt tedious. I'd spend 30 minutes describing a button's styling, position, CSS properties—when Claude could see it in milliseconds. The key breakthrough was using the MCP (Model Context Protocol) to stream rich context directly: HTML selectors, computed styles, React component info, console logs, and full screenshots. Now when you Option+Click a broken element, Claude has everything needed to fix it. What started as a personal frustration became an open-source tool. We integrated Ralph (autonomous agent support), added React component detection via Fiber inspection, and built both local and cloud modes. The result: developers report 5-10x faster debugging, and complex features that used to take days now take hours. It's become the bridge between what you see in the browser and Claude's AI power.
M. Zishan Ali

Really impressive use of MCP to give Claude full UI context.
Have you considered taking this further toward more automated UI fixes using your agent system?