Pixel not Perfect

Check your coding agent's work against the design, down to the pixel.

Pixel Not Perfect compares a rendered page with your reference, whether that's a screenshot, a Figma export, a PDF or a live URL, and shows the agent exactly which regions differ.

When it's your turn, open the page in your own browser, pin what needs work, and approve or reject each fix.

Get started

What it does

  • Visual regression

    The agent compares the page with your reference and fixes it until the mismatch is under your threshold.

    Learn more

  • Pin feedback on the live page

    Click where the problem is on the real page and say what's wrong.

    Learn more

  • Fix or Investigate

    Ask the agent to fix something, or just to find out why it happens.

    Learn more

  • Talk it through with the agent

    Every pin is a thread. The agent explains its fix, and you can push back.

    Learn more

  • Approve with before and after

    See each element before and after the fix, then approve or reject it.

    Learn more

  • Works with any MCP agent

    Works with any coding agent that supports MCP. No account, no lock-in.

    Learn more

Private by default

  • Runs on your machine

    Pixel Not Perfect runs on your computer. Nothing is sent to us.

  • One site at a time

    The extension only gets access to the site you're reviewing, and loses it when the review ends.

Using it at work?

Pixel Not Perfect is free to use on commercial projects, including client work. You may not resell, redistribute or rebrand it. Questions about the license? Write to us.