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

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.