DevLensPro

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

About The Product

DevLensPro is a Chrome extension that enables AI-powered debugging for Claude Code. By simply pointing at any UI element, Claude instantly grasps the context—including CSS, HTML, console logs, React components, and screenshots—to automatically fix bugs. It eliminates the tedious back-and-forth of describing UI issues, streamlining the debugging process. The extension leverages the MCP protocol for seamless integration, ensuring a smooth workflow. Being 100% local, open source, and privacy-first, DevLensPro prioritizes user data security while offering efficient and intuitive debugging solutions directly in your browser.

Target Users

Web developers using Claude Code needing efficient UI debugging and privacy-focused tools.

Pain Points

Describing UI issues with back-and-forth communication is time-consuming and inefficient.

Key Features

AI-powered debugging for Claude Code with point-and-click functionality to instantly fix UI issues
Bridges browser with Claude Code, understanding context like CSS, HTML, console logs, React components, and screenshots
Eliminates back-and-forth of describing UI issues through seamless MCP protocol integration
100% local, open source, and privacy-first Chrome extension for developers