Visual testing and review platform.
## Percy MCP Server: Visual Testing and Review Platform The **Percy MCP Server** integrates visual testing and review capabilities into Google Antigravity, enabling automated visual regression detection and streamlined approval workflows for UI changes. ### Why Percy MCP? - **Visual Regression**: Automatically detect visual changes in web applications and components - **Cross-Browser Rendering**: Capture screenshots across multiple browsers for consistency - **Responsive Testing**: Test visual appearance at different viewport sizes automatically - **Review Workflow**: Streamlined approval process for visual changes with team collaboration - **CI/CD Integration**: Block deployments when unapproved visual changes are detected ### Key Features #### 1. Visual Snapshots ```python from anthropic import Anthropic client = Anthropic() response = client.messages.create( model="claude-sonnet-4-20250514", max_tokens=1024, messages=[{ "role": "user", "content": "Run Percy snapshots for all pages and compare against baseline" }] ) ``` #### 2. Build Management ```python # Manage builds response = client.messages.create( model="claude-sonnet-4-20250514", max_tokens=1024, messages=[{ "role": "user", "content": "Show Percy build status and list pages with detected visual changes" }] ) ``` #### 3. Review Process ```python # Handle reviews response = client.messages.create( model="claude-sonnet-4-20250514", max_tokens=1024, messages=[{ "role": "user", "content": "Approve intentional visual changes in the Button component snapshots" }] ) ``` #### 4. Baseline Updates ```python # Update baselines response = client.messages.create( model="claude-sonnet-4-20250514", max_tokens=1024, messages=[{ "role": "user", "content": "Update Percy baselines for approved design system changes" }] ) ``` ### Configuration ```json { "mcpServers": { "percy": { "command": "npx", "args": ["-y", "@anthropic/mcp-server-percy"], "env": { "PERCY_TOKEN": "your-percy-token", "PERCY_BRANCH": "main" } } } } ``` ### Use Cases **Design System Maintenance**: Ensure component library changes are intentional and reviewed. **Cross-Browser Consistency**: Verify visual consistency across different browsers and platforms. **Responsive Validation**: Test UI appearance at multiple viewport sizes automatically. **Release Quality**: Block releases with unapproved visual changes to maintain quality. The Percy MCP Server ensures visual quality through comprehensive testing, catching unintended UI changes before they reach production.
{
"mcpServers": {
"percy": {}
}
}