An astronaut overseeing a futuristic data hub
Download PDFMarkdown Version

Connect Percy to ChatGPT, Claude and Gemini

Set it up once and it works in ChatGPT, Claude, Cursor, and any other client you love. It all runs safely in the background, so you can relax and focus on what really matters. Manage UI regressions and approve builds without leaving your chat.

Ask AI about this Connector

Developed, maintained, and hosted by Vinkius.

MCP VERIFIED · PRODUCTION READY · VINKIUS GUARANTEED

Waiting for input…

Works with modern AI clients that support MCP, including ChatGPT, Claude, Cursor, and more.

ChatGPTClaudeCursorPerplexityGeminiMicrosoft CopilotRaycastMeta AI

Your AI does the work. We keep it safe and sound.

No other AI tool gives you this. Your workflow runs in the client you already love, your account stays protected, and you decide what the agent can and cannot do. It is the whole reason to make the switch.

Each Connector lives inside our infrastructure, the same place where your workflow runs. The three things below are already part of it, working quietly in the background so you never have to think about them. Nothing to add, nothing to set up, nothing to worry about.

A futuristic MCP client docking bay
V8 Isolate01

Each Connector runs inside its own sealed environment.

Each Connector runs inside its own sealed V8 runtime — no access to your files, your system, or other servers. A Connector never sees past its own request.

Kill Switch02

One switch stops every agent. Instantly.

One action deactivates every Connector, revokes every token, and ends every session at once. AI Governance keeps the record.

FinOps per User03

Spending limits that pause instead of surprise.

Every user keeps their own connections and credentials, isolated from everyone else. Anything that would cross your spending limit is held for your approval, not billed.

Three controls, built into the layer your AI connects through.

Curated set · 10 capabilities

We ship only the actions that matter.

Capability set01 / 03

01-04

4 capabilities in this set.

Part of 10 available through Percy.

  1. 01

    List projects

    This capability pulls a list of all your Percy projects. It returns names, slugs, and browser configurations for your active QA targets.

  2. 02

    Get build details

    This capability retrieves the full status of a specific Percy build. You can see snapshot counts, approval states, branch info, and commit SHAs.

  3. 03

    Approve build

    This capability marks an entire Percy build as visually approved. It's the fastest way to move a test suite to green via your AI client.

  4. 04

    Approve snapshot

    This capability approves a single snapshot. Use this to set a new visual baseline for a specific component or page.

Capability set02 / 03

05-07

3 capabilities in this set.

Part of 10 available through Percy.

  1. 05

    Get project details

    This capability fetches configuration data for a Percy project. It includes details on default branches, auto-approval settings, and browser targets.

  2. 06

    Get snapshot details

    This capability provides deep data on a specific snapshot. It returns review states, width constraints, fingerprints, and comparison counts.

  3. 07

    List browsers

    This capability lists the browser families supported by Percy. It helps your agent understand which OS and browser combinations are available for testing.

Capability set03 / 03

08-10

3 capabilities in this set.

Part of 10 available through Percy.

  1. 08

    List builds

    This capability retrieves all builds for a specific project. It provides build IDs, processing states, and snapshot totals.

  2. 09

    List comparisons

    This capability shows the visual diffs for a snapshot. It returns diff images, percentage changes, and browser info for specific widths.

  3. 10

    List snapshots

    This capability lists all snapshots within a Percy build. It tracks review statuses and identifies specific diff percentages for each captured page.

Real work

What teams actually run

01

Rapid Build Approval

After a successful CI run, tell your agent to approve the build to unblock your deployment pipeline.

02

Visual Bug Investigation

Ask your agent to compare snapshots to see exactly how much a UI component has changed.

03

Cross-Browser Verification

Use the agent to check which browser configurations are available for your specific project targets.

04

CI/CD Health Checks

Query the agent to get a summary of recent builds and their current processing states.

Automate a task

Put Percy to work on one thing.

Step-by-step automations your AI runs through this Connector: the workflow, the prompts to start with, and the exact capabilities behind each move.

One connector, every AI

Percy works with the most popular AI clients.

These are the most popular clients, each with a step-by-step guide: one link, set up once, with governance and visibility built in. And because everything runs on the MCP standard, the same connection also works in any other compatible client — nothing to rebuild.

ClaudeClaudeChatGPTChatGPTGeminiGeminiPerplexityPerplexityGrokGrokMicrosoft CopilotMicrosoft CopilotCursorCursorVS CodeVS CodeWindsurfWindsurfJetBrainsJetBrainsClineClineLangChainLangChainVercel AI SDKVercel AI SDKLovableLovableZ.aiZ.aiRaycastRaycastQwen CodeQwen CodeKimi CodeKimi CodeLe ChatLe Chat

Building your own app? The connector is yours to use.

You don't need a client to put Percy to work: the same hosted connection plugs into your own applications and agent code, with the same governance on every request. Build with it, chat with it — one connection for both.

Observed, not estimated

936ms average. Fast in production.

Percy is checked daily against the live service.

Daily averagePeak 1190ms
Oct 3Today
Fastest day
743ms
Slowest day
1190ms
14-day trend
Slowing+36%

Connect your client

One URL. Every client.

Activate the Connector, copy your link, and paste it into the client you already use. 10 capabilities arrive ready to run.

Preview access · not provider authentication

The vk_preview_* token belongs to Vinkius preview infrastructure. It lets Claude discover and display the capabilities of Percy, so you can see the experience inside your AI.

It does not authenticate your account with Percy. Actions requiring credentials or live account data may not run until you activate the Connector and authorize the service.

Percy Connector

You're all set. Choose your MCP client and follow the setup instructions.

Connector linkhttps://edge.vinkius.com/vk_preview_6LH0zsvN8J0nY7uPYJ5ybHRW80VU7JdDwEgote5I/mcp

Claude Desktop

Follow the steps below to connect in seconds.

  1. 1In Claude Desktop, open Settings → Connectors.
  2. 2Click “Add custom connector” and paste the connector link above as the remote MCP server URL.
  3. 3Click Add and start a new chat — Percy capabilities are ready to use.
Configuration · claude_desktop_config.jsonCopy
{
  "mcpServers": {
    "percy-mcp": {
      "url": "https://edge.vinkius.com/vk_preview_6LH0zsvN8J0nY7uPYJ5ybHRW80VU7JdDwEgote5I/mcp"
    }
  }
}
  • Claude
  • ChatGPT
  • Cursor
  • VS Code
  • Windsurf
  • Claude Code
  • JetBrains
  • Cline

Step-by-step instructions for each client are in the guide. How to connect

Guided setup for Claude? Set up Percy in Claude and other AIs

See all the AI clients this connector works with ↑

Who it's for

Built for the work Percy owners hand off.

This MCP is built for teams that rely on visual regression to maintain UI integrity.

  • 01

    QA Engineers

    They hand off the task of parsing failed assertions and tracking rendering regressions to the agent.

  • 02

    Frontend Developers

    They use the agent to check visual bounds and resolve errors without opening the Percy dashboard.

  • 03

    DevOps Engineers

    They monitor pipeline health and unreviewed elements through conversational commands.

FAQ

Questions Percy owners ask.

  • 01

    How do I use this MCP with Claude or Cursor?

    You connect the Percy MCP through Vinkius. Once connected, the capabilities are automatically available to any MCP-compatible client like Claude, Cursor, or Windsurf.

  • 02

    Can I approve snapshots directly from my chat?

    Yes. You can use the approve_snapshot or approve_build capabilities by simply asking your agent to do so.

  • 03

    Does this MCP require me to host anything?

    No. Vinkius hosts the MCP and manages the connection to the Percy API for you.

  • 04

    What kind of data can my agent see?

    Your agent can access project details, build statuses, snapshot review states, and specific pixel diff percentages.

  • 05

    Do I need to provide my own Percy credentials?

    Yes, you will need to provide your Percy Project Token to allow the MCP to interact with your specific Percy account.

  • 06

    Can the AI automatically approve an entire Percy build limit safely via constraints natively?

    Absolutely strictly explicitly natively. The integration encapsulates the approve_build action dynamically structurally executing the final endpoint verification marking bounds explicitly matching visual approvals effortlessly saving limits.

  • 07

    How explicitly strict are the parameter bounds when extracting image comparisons logistically?

    Invoking Explicit bounding via list_comparisons tracks native image differences safely cleanly bounding metrics returning explicit difference percentages mapping base width loops directly over testing node grids explicitly gracefully natively.

  • 08

    Where structurally globally do I find my Explicit Percy integration token accurately gracefully?

    Navigate explicit bounds inside your native Percy workspace parameters explicitly mapping 'Project Settings > Integrations/Tokens'. Globally limit testing node arrays explicitly generating Token strings seamlessly securely correctly internally securely elegantly here.

Explore

More in Ship It

Suggestions

Connect Percy to Claude, Cursor, ChatGPT & more