Pickfix – Visual UI Feedback for AI Coding Agents

Point at what's wrong on your running app. Claude fixes the code. Pickfix is a feedback tool for frontend developers, QA and product people who work with Claude Code. Instead of describing a bug in words ("the second button on the product card, the one that looks grey"), you click the element, write what should change, and send it straight to the Claude Code session working on your repository. HOW IT WORKS • Open your app on a local dev server and click the Pickfix icon. • Pick any element. Pickfix shows the component and source line behind it, for example ProductCard.tsx:15. • Write what should change, or rewrite the text in place. • Send the batch to Claude. The panel follows it live: Queued, Claude is fixing, Done, with a summary of what changed and which files were touched. WHAT CLAUDE RECEIVES Each item carries your comment, the exact source location, the component chain, a screenshot of the element, its selector, text and key styles. Claude starts in the right file instead of searching for it. FEATURES • Element picker that shows the component and source line behind what you click • Area selection: drag over a crowded or misaligned part of the page • Reference images: paste or drop a design to show the look you want • Toolbar badge with your draft count and Claude's progress • HTML report export, printable to PDF, for teammates without Claude • Inline text editing: change the copy on the page, send the before and after • Page comments for feedback that is not tied to one element • Workflow recording: clicks, inputs and navigation, plus console errors and failed requests, to reproduce a bug step by step • Element screenshots attached automatically • Export to JSON (to share or import later), Markdown or an HTML report • English and Vietnamese interface PRIVATE BY DESIGN Pickfix has no servers, no accounts and no analytics. The extension talks only to the pickfix-mcp server on your own machine (127.0.0.1), which only accepts the Pickfix extension. Password, payment-card and one-time-code fields are masked before anything is stored. SETUP (2 MINUTES) 1. In Claude Code: /plugin marketplace add ledutu-studio/pickfix-mcp, then /plugin install pickfix@pickfix 2. Open the Pickfix panel on your local app. It finds the Claude Code session by itself. That's it. Works on localhost out of the box; turn it on for staging sites from the panel. Source and docs: https://github.com/ledutu-studio/pickfix-mcp