DevLensPro
AI-powered debugging for Claude Code. Point, click, fix
DevLensPro launched on January 28, 2026 with 98 votes, #355 of 14,586 launches that month and more than 95% of that year's launches.
What it does
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.
The developer tool that gives Claude Code eyes on what you see. Point at UI elements, capture screenshots, and let AI fix your code automatically.
The bridge between your browser and Claude Code. Option+Click any element, and Claude instantly knows what to fix. Works with Ralph for fully autonomous development. Each task is linked to its URL. Claude Code automatically maps URLs to your local project folders, so it always knows which codebase to edit. Claude receives everything needed to locate and fix the element: CSS selector, computed styles, text content, position, and React component info. Easy manual install in Developer Mode. Option+Click to select any element instantly. Native integration with Claude Code via Model Context Protocol. No additional setup needed. Works seamlessly with Ralph autonomous agent for hands-free bug…from devlens.pro
Does a similar job
all alternatives →
Claude in ChromeDec 2025 · claude.ai · ▲491Let Claude see, click, type, and navigate in your browser
- ACA curated list of Chrome DevTools tips and tricks2014 · devtoolstips.com · ▲212
Practical guides to browser DevTools and AI-assisted debugging — Chrome, Firefox, Safari and Edge. Panels, shortcuts, performance traces and accessibility.
FlowLensDec 2025 · magentic.ai · ▲134Hi HN, We often run into this with coding agents like Claude Code: debugging turns into copy-pasting logs, writing long explanations, and sharing screenshots. FlowLens is an MCP server plus a Chrome extension that captures browser context (video, console, network, user actions, storage) and makes it available to MCP-compatible agents like Claude Code. You can try it here: https://magentic.ai/flowlens Any feedback—good, bad, or brutal—is welcome.
Claude Code auto-fix Mar 2026 · code.claude.com · ▲359Auto-fix PRs in the cloud while you stay hands-off
display.devMay 2026 · display.dev · ▲183Last week's post from Thariq "The Unreasonable Effectiveness of HTML" went viral in X. He made a good point about HTML being the more expressive and human friendly alternative to markdown files. I completely buy in where he's coming from, I've been asking Claude Code to create me HTML files to better understand what we're planning and building together. What Thariq didn't address was the part of sharing and collaborating on these HTML artifacts (he proposed uploading to S3). While I've been heavy user of HTML artifacts to share quarterly plans, implementation specs, technical guides and…
claude-devtoolsFeb 2026 · claude-dev.tools · ▲144See everything Claude Code hides from your terminal
More ai this month
the category →
Paintings by AI models: programs run through a simulation of oil paint.
AI · 19d ago · stillwet.art
Source: Product Hunt launch ↗
Launched alongside, January 2026
the whole month →- IN
Hey HN! I wanted to share something I built over the last few weeks: isometric.nyc is a massive isometric pixel art map of NYC, built with nano banana and coding agents. I didn't write a single line of code. Of course no-code doesn't mean no-engineering. This project took a lot more manual labor than I'd hoped! I wrote a deep dive on the workflow and some thoughts about the future of AI coding and creativity: http://cannoneyed.com/projects/isometric-nyc
AI · Jan 2026 · cannoneyed.com
Automatic AI-powered code reviews the moment you open a PR
Dev tools · Jan 2026 · kilo.ai
