MCP Server
The Pixel House exposes a Model Context Protocol server so AI coding assistants can trigger visual regression tests directly from your development environment.
MCP server access is included on all paid plans. Coming in v2.0.
Claude Code
Option A: Local server (recommended) — runs via the CLI with no network roundtrip for the MCP protocol. Install the CLI first, then:
claude mcp add pixelhouse -- pixelhouse mcp serve
The CLI resolves your API key from PIXELHOUSE_API_KEY, .pixelhouserc.json, or the --api-key flag.
Option B: Remote server — connect directly over HTTP, no CLI needed:
claude mcp add --transport http pixelhouse \ https://mcp.thepixelhouse.co.uk/mcp \ --header "Authorization: Bearer ph_live_your_key"
Cursor
Local server — add to .cursor/mcp.json:
{
"mcpServers": {
"pixelhouse": {
"command": "pixelhouse",
"args": ["mcp", "serve"]
}
}
}Remote server — no CLI needed:
{
"mcpServers": {
"pixelhouse": {
"url": "https://mcp.thepixelhouse.co.uk/mcp",
"headers": {
"Authorization": "Bearer ${PIXELHOUSE_API_KEY}"
}
}
}
}Windsurf
Local server — add to your MCP config:
{
"mcpServers": {
"pixelhouse": {
"command": "pixelhouse",
"args": ["mcp", "serve"]
}
}
}Remote server — no CLI needed:
{
"mcpServers": {
"pixelhouse": {
"serverUrl": "https://mcp.thepixelhouse.co.uk/mcp",
"headers": {
"Authorization": "Bearer ${PIXELHOUSE_API_KEY}"
}
}
}
}Available tools
take_screenshotCapture a URL screenshot across viewportscompare_screenshotsDiff two screenshots with pixel-level comparisonrun_visual_regressionCapture and compare against baseline in one callcreate_baselinePromote a screenshot to baselineapprove_changesAccept detected changes, update baselinelist_baselinesList baselines for a projectget_diff_reportGet regression test results with diff imagesdiscover_pagesCrawl sitemap to find testable pagesExample conversation
You
Check if my CSS changes broke the homepage layout
Claude
Running visual regression on your homepage...
No visual regressions detected. Your CSS changes are safe to ship.