DevLensPro

DevLensPro is a Chrome extension and MCP server that connects a developer's browser directly to Claude Code, enabling visual bug reporting and code fixes from UI elements. Users Option+Click any element in their browser, and DevLensPro captures a screenshot, CSS selector, computed styles, text content, and React component information, sending it to Claude Code via WebSocket. The tool automatically maps URLs to local project folders so Claude Code always knows which codebase to edit when processing captured elements. DevLensPro claims approximately 80% faster bug reporting with zero context switching between browser and code editor. The free tier includes 5 tasks per month with Chrome extension and MCP integration, while the Pro plan at 9.99 euros per month offers unlimited tasks. DevLensPro is available under a freemium model, designed for developers using Claude Code who want to visually identify and fix UI issues without manually describing problems.