How to Use the Percy MCP in CrewAI

Q: Can a CrewAI agent automatically approve a Percy build?

Yes, you can delegate the approvebuild tool to a specialized supervisor agent. Once the crew confirms all visual diffs are expected, the supervisor calls the tool to green-light the build.

Q: How do CrewAI agents collaborate on Percy visual diffs?

One agent can run listsnapshots to find unreviewed changes, while another uses listcomparisons to inspect the visual diffs. They share this context to decide whether to approve or reject the build.

Q: What happens if a snapshot has multiple browser targets?

The agent uses listbrowsers to understand the test suite's target environments. It then reviews comparisons for each browser individually to ensure cross-platform consistency.

Deploy a multi-agent QA crew using the Percy MCP Server to automate visual regression testing and snapshot reviews.

See Vinkius in Action

Works with every AI agent you already use

…and any MCP-compatible client

MCP Servers — Included with Plan

Connect Percy MCP to CrewAI

Create your Vinkius account to connect Percy to CrewAI — we handle the hosting, security, and runtime updates so you don't have to. No server setup required.

GDPR Included with Plan

Setup Percy with CrewAI

Ask AI about this MCP

ChatGPT

Claude

Perplexity Vinkius runs on Gemini

Gemini

Grok

Multi-agent visual QA coordination in CrewAI

The `list_builds` tool allows your monitoring CrewAI agent to track active visual test runs via this MCP Server. A separate moderator agent can then step in to analyze the specific components that failed visual checks. This division of labor keeps your release pipeline fast. The monitoring agent handles the high-level status, while the analysis agent deep-dives into specific layout issues using the shared memory of your CrewAI team.

Automated diff analysis using CrewAI agents

The `list_comparisons` tool retrieves the exact pixel-level differences between your baseline and head branches for your analysis agent. Your CrewAI agent reads these diff percentages to determine if the changes are minor spacing issues or major UI breaks. By calling `get_snapshot_details` on failed snapshots, the CrewAI agent gathers the exact widths and browsers affected. It can then compile a detailed markdown report for your frontend engineering team's review.

Autonomous build approval via MCP Server

The `approve_build` tool enables your supervisor agent to mark a complete test run as visually correct once the CrewAI team has resolved all layout issues. This automates the final sign-off step in your continuous integration pipeline. For targeted fixes, the CrewAI crew can run `approve_snapshot` on individual components. This updates the baseline on Percy incrementally, ensuring future builds compare against the correct design states.

Setup guide

Set up Percy MCP in CrewAI

Prerequisites

Python 3.10+ installed
crewai package (pip install crewai)
Active Vinkius subscription with a valid endpoint token

1

Install CrewAI
Run pip install crewai to install the framework. MCP support is built-in via the mcps parameter.
2

Add the MCP URL to your agent
Pass your Vinkius endpoint directly to the mcps list. Replace [YOUR_TOKEN_HERE] with your token from cloud.vinkius.com. CrewAI handles tool discovery and caching automatically.
3

Kick off your crew
Create a Crew with your agent and tasks. Call crew.kickoff() — the agent will automatically invoke Percy tools as needed.

crew.py

from crewai import Agent, Task, Crew

agent = Agent(
    role="Percy Analyst",
    goal="Access and analyze Percy data via MCP.",
    backstory="Expert analyst with direct Percy access.",
    mcps=[
        "https://edge.vinkius.com/[YOUR_TOKEN_HERE]/mcp"
    ],
)

task = Task(
    description="List recent Percy transactions",
    agent=agent,
    expected_output="A summary of recent activity",
)

crew = Crew(agents=[agent], tasks=[task])
result = crew.kickoff()
print(result)

Get your connection token →

Prerequisites

Python 3.10+ installed
crewai + crewai-tools packages
Active Vinkius subscription with a valid endpoint token

1

Install dependencies
Run pip install crewai crewai-tools. The MCPServerAdapter handles lifecycle management and tool conversion.
2

Connect with MCPServerAdapter
Use MCPServerAdapter as a context manager with SseServerParameters pointing to your Vinkius endpoint. The adapter automatically manages connection lifecycle.
3

Assign tools and run
Pass the returned mcp_tools to your agent's tools parameter. The adapter converts MCP tools to native BaseTool objects compatible with all CrewAI agents.

crew.py

from crewai import Agent, Task, Crew
from crewai_tools import MCPServerAdapter
from mcp import SseServerParameters

server_params = SseServerParameters(
    url="https://edge.vinkius.com/[YOUR_TOKEN_HERE]/mcp"
)

with MCPServerAdapter(server_params) as mcp_tools:
    agent = Agent(
        role="Percy Analyst",
        goal="Access and analyze Percy data via MCP.",
        backstory="Expert analyst with direct Percy access.",
        tools=mcp_tools,
    )

    task = Task(
        description="List recent Percy transactions",
        agent=agent,
        expected_output="A summary of recent activity",
    )

    crew = Crew(agents=[agent], tasks=[task])
    result = crew.kickoff()
    print(result)

Get your connection token →

Independent Platform Disclaimer: Vinkius is an independent platform and is not affiliated with, endorsed by, sponsored by, verified by, or otherwise authorized by Percy. All third-party trademarks, logos, and brand names are the property of their respective owners. Their use on this website is strictly for informational purposes to identify service compatibility and interoperability.

Why Choose Vinkius

Vinkius connects your tools to AI with real-time monitoring and automatic cost savings — all from one dashboard.

Connect Percy now

Real-time monitoring

Live

visibility into every interaction

Connect your favorite tools to your AI and see exactly what's happening — every request, every response, in real time.

Built-in savings

60%

lower AI costs

Vinkius compresses data between your apps and your AI automatically. Lower bills every month — no configuration required.

Single dashboard

One

place for every integration

Every tool your AI connects to, managed from a single screen. One account, complete control.

Common questions about Percy MCP in CrewAI

Pass the Vinkius endpoint URL directly into the mcps list when initializing your agent. For custom setups, use MCPServerHTTP from crewai.mcp to filter which tools each agent can access.

Yes, you can delegate the approve_build tool to a specialized supervisor agent. Once the crew confirms all visual diffs are expected, the supervisor calls the tool to green-light the build.

One agent can run list_snapshots to find unreviewed changes, while another uses list_comparisons to inspect the visual diffs. They share this context to decide whether to approve or reject the build.

The agent uses list_browsers to understand the test suite's target environments. It then reviews comparisons for each browser individually to ensure cross-platform consistency.

Your build metadata, branch names, and visual snapshot states are protected by Vinkius's zero-trust architecture. All tool executions run in isolated, ephemeral V8 sandboxes, meaning your project's internal branch structures and commit details are never stored or exposed.

Use it with your favorite AI tools

Connect this server to Cursor, Claude, VS Code, and more.

OpenAI Agents SDK sdk-python

Google ADK sdk-python

Pydantic AI sdk-python

Vercel AI SDK sdk-typescript