NEWAI agents can now review your UI over MCP

Catch every pixel
before it ships.

Snapvisor screenshots your UI on every pull request, diffs it against your baseline, and surfaces the visual changes your unit tests will never catch.

Add to ClaudeMCP requires a paid plan

14-day Pro trial · Connect your repo in minutes

Snapvisor flags every visual change on your pull request — automatically.

The visual layer your test suite is missing

Built on a proven open-source engine
Chromium · Firefox · WebKit
Remote MCP for AI agents
SSO & role-based access

Fits the test suite you already run

The blind spot

Your tests pass. Your UI still broke.

Unit tests check logic. Screenshot comparisons reveal a button sliding off-screen, a font swap, or a mobile layout collapse before those changes reach your users.

Silent layout shifts

A CSS tweak two components away nudges your checkout button below the fold. No unit test fails.

Broken typography

A font fails to load, fallback metrics differ, and your headline wraps into the navbar.

Responsive regressions

It looks perfect at 1440px and falls apart at 375px — right where mobile visitors need it.

Live regressions

What a regression actually looks like.

Three visual failure modes your team can catch before merging — even when logic tests pass.

Layout shift

A CTA drifts out of place after an unrelated CSS change. Pixels move; tests stay green.

Color regression

A token update repaints a primary button off-brand. No assertion ever checks the hue.

Text overflow

A longer string clips inside a fixed button. Logic is fine — the label is unreadable.

How it works

Three steps. One visual review.

Drop Snapvisor into your pipeline and it does the watching for you.

01

Capture

Your CI uploads screenshots from the Storybook stories, Playwright, or Cypress specs you already run.

02

Diff

Each screenshot is compared against an eligible baseline with a perceptual engine that reduces rendering noise.

03

Review

Changes land as a status check on your pull request. Approve the intended ones, reject the regressions.

Built for confidence

Everything you need to ship UI without fear.

From pixel-precise diffing to a review flow your whole team will actually use.

Pixel-perfect diffing

Perceptual comparison with anti-aliasing detection and adjustable thresholds for visual changes.

Cross-browser & responsive

Capture your configured breakpoints across Chromium, Firefox, and WebKit with Playwright.

Review workflow

Approve or reject changes inline. Approved builds can become baselines for later comparisons.

PR status checks

Post visual results to your pull request and require the check in your branch protection rules.

Parallel & fast

Shard screenshot uploads across CI jobs and bring the results together in one review.

Notifications

Slack and email notifications keep your team informed when visual changes need a review.

MCP for AI agents

A remote MCP server lets Claude Code, Cursor, and other agents read diffs and approve changes.

In your CI

One step in the pipeline you already run.

Snapvisor plugs into GitHub Actions, GitLab CI, CircleCI, and anything that runs your tests.

  • Install one @snapvisor SDK — no infrastructure to run.
  • Screenshots upload from the CI job you already have.
  • A status check posts straight to the pull request.
  • Baseline updates automatically when you merge to main.
visual.yml
# .github/workflows/visual.yml
- name: Upload screenshots to Snapvisor
  run: npx @snapvisor/cli upload ./screenshots
  env:
    ARGOS_TOKEN: ${{ secrets.ARGOS_TOKEN }}

# Example: 412 screenshots uploaded
# ✓ 409 unchanged
# ! 3 changes need review →

AI agents

Let AI agents review your UI.

Snapvisor runs a remote MCP server. Claude Code, Cursor, and any MCP client can list builds, read screenshot diffs, and approve visual changes — right inside the agent.

add the connector
$ claude mcp add --transport http snapvisor https://mcp.snapvisor.io

Builds & projects

List and inspect builds, projects, and their status across your organization.

Screenshot diffs

Read the visual changes in any build — baseline, current, and the computed diff.

Reviews & approvals

Create reviews to approve or reject visual changes without leaving the agent.

Comments

Read and post build comments so humans and agents stay on the same thread.

OAuth or a personal access token, tools derived from the same public API. Read the connect guide

Smart thresholds

Tuned to notice what humans notice.

Snapvisor combines anti-aliasing detection with adjustable perceptual thresholds to reduce rendering noise. Tune comparisons around the changes your team needs to review. Drag this example threshold to see how sensitivity changes what gets flagged.

18example cells flagged
30example cells ignored
sensitivity38 / 100
LenientStrict

Full coverage

Your browsers. Your breakpoints.

Configure Playwright to capture your browser and viewport matrix, then review the screenshot diffs together.

ChromiumFirefoxWebKit
Desktop 1440px
Tablet 768px
Mobile 375px

Why Snapvisor

Turn screenshot tests into team reviews.

SnapvisorRaw snapshot testsManual QA
Catches visual regressions
Noise-aware visual diffs
Cross-browser coverage
Runs automatically in CI
Review & approve workflow
Centralized screenshot review
Readable by AI agents (MCP)

Integrations

Works with the tools you already have.

Connect your existing test suite and CI with screenshot SDKs and integrations.

GHGitHub
GLGitLab
PWPlaywright
CYCypress
SBStorybook
PPPuppeteer
NXNext.js
SLSlack

Team control, open at the core.

Built on a proven open-source engine, with access control and single sign-on. Contact us to arrange self-hosting access.

SSO / SAML
Role-based access
Encryption in transit
Fine-grained access control
Self-hosting by arrangement
Open source core

Pricing

Start free. Scale when you do.

New customers start with a 14-day Pro trial. Pro is usage-based — you only pay for what you render beyond the included screenshots.

Free

For open source and side projects.

$0forever
Start free
  • 7,000 screenshots / month
  • Unlimited projects
  • GitHub & GitLab status checks
  • Fine-grained access control
  • Community support

Enterprise

For org-wide scale and control.

Custom
Talk to sales
  • Volume screenshot pricing
  • SSO / SAML
  • Self-hosting by arrangement
  • Role-based access control
  • Dedicated support

Prices shown in USD.

FAQ

Questions, answered.

Playwright supports screenshot baselines and configurable thresholds. Snapvisor adds a shared review dashboard, perceptual diffs, and pull-request status checks, so your team can approve intended changes and track regressions together.

The diff engine uses anti-aliasing detection and perceptual thresholds to reduce rendering noise. Set a threshold when capturing a screenshot to tune how sensitive its comparison should be.

No. Point Snapvisor at your existing Storybook, Playwright, Cypress, or Puppeteer suite using the @snapvisor SDKs — open-source, drop-in forks of the official @argos-ci SDKs — and it captures screenshots from the stories and pages you already have.

When a change is detected, the pull request gets a status check linking to a side-by-side review. Approved builds become eligible baselines, and prior approvals help your team focus on new changes.

Yes. Snapvisor runs a remote MCP server at mcp.snapvisor.io. Any MCP client — Claude Code, Cursor, and others — can list builds, read screenshot diffs, and create reviews. MCP access is included on the Pro plan.

Snapvisor builds on a proven open-source visual-diff engine and publishes its SDKs. The hosted service brings the review dashboard, integrations, and MCP server together. Contact us to arrange access to the Snapvisor server for self-hosting.

Ship UI with total confidence.

Connect your repo, capture your first build, and review visual changes before your next merge.

14-day Pro trial · Cancel anytime