DevLensPro – AI-powered debugging for Claude Code via direct UI interaction

Summary: DevLensPro is a Chrome extension that connects your browser to Claude Code, enabling instant bug fixes by capturing UI context such as CSS, HTML, console logs, React components, and screenshots. It uses the MCP protocol to stream detailed data locally and securely, eliminating manual issue descriptions.

What it does

It captures rich UI context through point-and-click, sending HTML selectors, styles, React component info, and logs to Claude Code for automatic bug resolution. Integration via MCP ensures seamless, privacy-first operation.

Who it's for

Developers needing faster, more precise debugging of UI issues within browsers using Claude Code.

Why it matters

It removes the tedious process of manually describing UI bugs, accelerating debugging by providing Claude with full context instantly.