AI-powered debugging for Claude Code. Point, click, fix
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.
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.
About DevLensPro on Product Hunt
“AI-powered debugging for Claude Code. Point, click, fix”
DevLensPro launched on Product Hunt on January 28th, 2026 and earned 99 upvotes and 5 comments, placing #18 on the daily leaderboard. 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.
On the analytics side, DevLensPro competes within Chrome Extensions, Developer Tools and Artificial Intelligence — topics that collectively have 1M followers on Product Hunt. The dashboard above tracks how DevLensPro performed against the three products that launched closest to it on the same day.
Who hunted DevLensPro?
DevLensPro was hunted by Agentik {OS}. A “hunter” on Product Hunt is the community member who submits a product to the platform — uploading the images, the link, and tagging the makers behind it. Hunters typically write the first comment explaining why a product is worth attention, and their followers are notified the moment they post. Around 79% of featured launches on Product Hunt are self-hunted by their makers, but a well-known hunter still acts as a signal of quality to the rest of the community. See the full all-time top hunters leaderboard to discover who is shaping the Product Hunt ecosystem.
For a complete overview of DevLensPro including community comment highlights and product details, visit the product overview.
Agentik {OS}