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
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.