UI Verify

For coding agents

Merge agent-written UI with confidence

Your agents write the code. Seeing what they changed is the hard part. UI Verify shows exactly what every pull request changed, so your agent can fix its own regressions and you can merge without second-guessing.

Claude CodeCodexCursor

Agents ship fast. UI Verify keeps them honest.

A loop that turns agent-written UI from a review bottleneck into a few steps: your agent does the grunt work, and you still approve the merge.

See how the AI judge decides
01

Your agent ships UI

You ask for a feature, the agent writes it and opens the pull request. Same flow as a teammate, at agent speed, and UI Verify starts capturing the screens the change touches the moment the PR goes up.

dev@stays - claude - 92×34
> add Superhost badges to top-rated listings
I’ll add the badge to the listing card and show it on the listing page.
Update ListingCard.tsx
  ⎿  added the Superhost badge to the photo corner
Bash gh pr create --title "Add Superhost badges to listings"
  ⎿  pushed add-superhost-badge, opened PR #482
PR #482 open · checks running, UI Verify capturing
02

UI Verify reviews it on the pull request

Every changed screen gets a verdict from the AI judge: intended, regression, or flake, with the reasoning. A real regression fails the check and blocks the merge, right there on the PR.

Add Superhost badges to listings #482

Openagent wants to merge into main from add-superhost-badge
ui-verifybot commented now

Visual changes · 2 to review

1 intended change, 1 likely regression across 8 snapshots.

listings/ListingCard Intended
listings/ListingPage Likely regression

Review in the dashboard →

Some checks were not successful
ui-verify / visual1 regression blocks the mergeDetails
03

The agent fixes its own regression over MCP

Ask why the check failed. Over MCP the agent pulls the build, reads each verdict, fixes what it broke, and re-runs to green. What reaches you is a small set of decisions, and you still approve the merge.

dev@stays - claude - 92×34
Welcome to Claude Code
cwd: ~/projects/stays
model: Sonnet 5 · uiverify (MCP) connected
> see why the PR checks failed
The UI Verify visual check failed. Let me pull what I changed on the UI.
uiverify - get_diff (MCP)(build: "#482")
  ⎿  2 changed: listings/ListingCard, listings/ListingPage
Two changes. The Superhost badge on the card is intended.
  But on the listing page the Reserve button is now invisible - that one is not.
Fixing: keep the badge, stop the card from clipping the button.
Update ListingCard.tsx
  ⎿  removed overflow-hidden, re-ran the check
re-run passed · 0 regressions · ready to merge

Connect the UI Verify MCP

One command connects any MCP-compatible agent, like Claude Code, Codex, or Cursor. Your project setup page has it with the key already filled in.

  • List the builds on a branch or pull request
  • Inspect each changed snapshot and its overlay
  • Read the AI judge's verdict and reasoning
  • Accept the intended changes or deny a regression
  • Push the fix, all without leaving the terminal
dev@stays - zsh - 92×34
$ claude mcp add --transport http uiverify \
https://uiverify.ai/api/mcp \
--header "Authorization: Bearer YOUR_UIVERIFY_API_KEY"
Added HTTP MCP server uiverify

Your agent installs it

Create a project and paste one prompt into your coding agent. In about five minutes it reads the docs, writes the workflow, wires your capture, and opens the first PR. You just drop in your API key.

dev@store - claude - 92×34
> set up UI Verify visual testing in this repo
I’ll read the setup guide and wire it into your CI.
Fetch uiverify.ai/llms.txt
  ⎿  read the setup guide + capture scoping
Detected Storybook. Adding the workflow and capture step.
Write .github/workflows/visual.yml
  ⎿  runs on every PR, uploads the Storybook build
Last step: add your UIVERIFY_API_KEY secret from your project.
opened a PR · first build is running

Let your agents review their own UI

Start free in minutes, no credit card. Or book a demo and we’ll get you live in your CI.