---
title: "Features – Pixel Not Perfect | Pixel Not Perfect"
description: "Compare against design references and review UI changes in your browser with interactive MCP visual feedback."
canonical_url: "https://pixelnotperfect.dev/features"
meta:
  "og:description": "Compare against design references and review UI changes in your browser with interactive MCP visual feedback."
  "og:image": "https://pixelnotperfect.dev/og-banner.png"
  "og:title": "Features – Pixel Not Perfect"
---

> Index of every page on this site: [llms.txt](https://pixelnotperfect.dev/llms.txt)

# Features

Compare against the design, then review the result in your own browser.

## Visual regression

Render the page, compare it with the reference, and get back the regions that differ and whether each one moved or changed style. The agent fixes the code and compares again until the mismatch is under your threshold.

visual\_diff / inspect\_layout\_offset

ReferenceRenderDiff

Mismatch 4.03% against a 0.5% threshold · 3 regions · headline shifted 32px · countdown borders changed colour only

## Pin feedback on the live page

Start a review from the agent, then open the page in Chrome with your usual logins. Click where the problem is and say what's wrong. You can attach an image of how it should look.

start\_visual\_review

## Fix or Investigate

Mark each piece of feedback Fix or Investigate. With Investigate, the agent looks into the problem without changing any code and replies with the cause, a proposed fix and how confident it is. If you agree, ask it to fix it.

reply\_to\_visual\_annotation

## Talk it through with the agent

Every pin becomes a thread. The agent replies, explains the fix, and hands the turn back. Push back in the same thread if it got it wrong. You can see whether the agent is listening, and each round ends with a summary of what it found and replied.

wait\_for\_review\_submission

## Approve with before and after

Compare opens the element as it was and as it is now. Before and after images come from your own browser, so they match exactly what you saw. Approve it, or reject it with a reason and the agent tries again.

resolve\_visual\_annotation

## Works with any MCP agent

Pixel Not Perfect is an MCP server, so it works with any coding agent that supports MCP. There is no account to create and nothing ties you to one agent.

```json
{"@context":"https://schema.org","@graph":[{"@id":"https://pixelnotperfect.dev/#website","@type":"WebSite","description":"Check your coding agent's work against the design, down to the pixel. In-browser visual review for AI agents via MCP.","name":"Pixel Not Perfect","url":"https://pixelnotperfect.dev/"},{"@id":"https://pixelnotperfect.dev/features#webpage","@type":"WebPage","description":"Compare against design references and review UI changes in your browser with interactive MCP visual feedback.","name":"Features – Pixel Not Perfect","url":"https://pixelnotperfect.dev/features","isPartOf":{"@id":"https://pixelnotperfect.dev/#website"},"potentialAction":[{"@type":"ReadAction","target":["https://pixelnotperfect.dev/features"]}]}]}
```

## Sitemap

See the full [sitemap](https://pixelnotperfect.dev/sitemap.md) for all pages.