How to Use the Percy MCP in Cline
Cline doesn't just write code; it now validates your UI with this Percy MCP Server.
Works with every AI agent you already use
…and any MCP-compatible client
Connect Percy MCP to Cline
Create your Vinkius account to connect Percy to Cline — we handle the hosting, security, and runtime updates so you don't have to. No server setup required.
Gemini
Key Capabilities
End-to-end visual validation with Cline
Cline can now run the full cycle of visual regression testing. You tell it to check a feature, and it uses `list_snapshots` to find the relevant components and `list_comparisons` to verify the output. It handles the logic of comparing baselines against new commits. If something looks wrong, Cline flags it for your review before you even commit the code.
Manage build cycles via Cline
Automate your sign-off process by integrating `approve_build` directly into your tasks. Cline can process pending snapshots and mark builds as passed once the diffs align with your expectations. This removes the manual bottleneck of logging into the dashboard. Cline acts as your QA engineer, verifying the pixels and finalizing the build state.
Inspect project metrics in Cline
Get deep insight into your visual testing setup. Cline uses `get_project_details` to pull your current branch and browser settings, ensuring your tests run against the right targets. You can also run `get_snapshot_details` to investigate specific failures. It gives you the fingerprint and review state for any component that failed the check.
Set up Percy MCP in Cline
Prerequisites
- VS Code with Cline extension installed
- Active Vinkius subscription with a valid endpoint token
- 1
Open Cline MCP settings
Click the Cline icon in the VS Code sidebar to open the Cline panel. Then click the MCP Servers icon (server stack) at the top-right corner of the panel.
- 2
Add a remote server
Click "Remote Servers" at the top, then click "Add Remote MCP". In the Name field, type
percy-mcp. In the URL field, paste your Vinkius endpoint:https://edge.vinkius.com/[YOUR_TOKEN_HERE]/mcp. Get your token from cloud.vinkius.com. - 3
Enable the server
After saving, the server appears in the Cline MCP panel. Toggle the switch to enable it. The status indicator turns green when the connection is live.
- 4
Start using tools
Return to the Cline chat and ask: "Check my latest Percy refund status." Cline will discover the available tools and request your approval before invoking each one — giving you full control over every action.
{
"mcpServers": {
"percy-mcp": {
"url": "https://edge.vinkius.com/[YOUR_TOKEN_HERE]/mcp"
}
}
}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.
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 Cline
Use it with your favorite AI tools
Connect this server to Cursor, Claude, VS Code, and more.
Start using the Percy MCP today
We host it, we monitor it, we maintain it. You just paste one token.