Pixel Not Perfect

Visual feedback for your coding agent: comment on any element of your UI, right in your browser.

Visual feedback for your coding agent. Pixel Not Perfect lets you review the UI your coding agent builds, right on the page in your everyday browser, with your own logins and setup. How it works 1. Your coding agent starts a visual review with the Pixel Not Perfect MCP server. 2. Open the page under review and click the Pixel Not Perfect icon. 3. Choose the review and click "Review this tab". The extension asks for access to that site only. 4. Pin feedback on any element and choose Fix or Investigate. Attach a reference image of how it should look, and send it to your agent. 5. Your agent fixes it, or with Investigate, replies with the cause and a proposed fix without changing any code. Compare each change before and after, then approve, reject or discuss it until you're done. What you need - A coding agent that supports MCP, set up with the Pixel Not Perfect MCP server 5.0.0 or later (npm: @codeandfunction/pixelnotperfect). - The extension talks to the server through a small companion program that the server installs on your computer. Privacy Everything stays on your computer. The extension sends review data only to the companion program and the MCP server your agent runs locally. When you give feedback on an element, the extension captures the visible part of the tab under review and keeps only the crop around that element, for before and after comparisons. Site access is granted one site at a time, for https sites or http on localhost, and removed when the review ends. No analytics, no tracking. Free to use, including on commercial projects: https://pixelnotperfect.dev/license