📋 Copy MCP Install CLI { } Inspect JSON API Ground-Truth Source ↗

⚡ 1-Click Agent & Developer Install

Zero Auth · Ready for Grok Bot, Claude Code & Cursor

### Server Architecture & Capability Summary **Visual Sentinel MCP — Automated UI Pixel-Diff & Layout QA Server** (`visual-sentinel-mcp`) is a verified **STDIO** Model Context Protocol (MCP) server curated with **@iraiansar** for Grok Bot, Claude Code, and Cursor. Capture multi-viewport Playwright screenshots, run perceptual pixel-diff comparisons against baseline snapshots, and detect CSS overflow or dark-mode contrast regressions. ### 1-Click CLI Installation Run the command below to register `visual-sentinel-mcp` in Claude Code or your MCP client: ```bash claude mcp add visual-sentinel -- npx -y visual-sentinel-mcp@latest ``` ### Standard `mcpServers` JSON Configuration (`.cursor/mcp.json` / `claude_desktop_config.json`) ```json { "mcpServers": { "visual-sentinel-mcp": { "command": "npx", "args": [ "-y", "visual-sentinel-mcp@latest" ], "env": { "VISUAL_SENTINEL_DIR": "./.visual-sentinel" } } } } ``` ### Exposed MCP Tools - `capture_viewport_baseline` — Deterministic JSON-RPC 2.0 tool exposed by `visual-sentinel-mcp`. - `compare_visual_diff` — Deterministic JSON-RPC 2.0 tool exposed by `visual-sentinel-mcp`. - `detect_horizontal_overflow` — Deterministic JSON-RPC 2.0 tool exposed by `visual-sentinel-mcp`. - `audit_wcag_contrast` — Deterministic JSON-RPC 2.0 tool exposed by `visual-sentinel-mcp`. ### Authentication & Environment Variables - **Transport Protocol:** `stdio` - **Auth Mechanism:** `none` - `VISUAL_SENTINEL_DIR`: `./.visual-sentinel` - **Documentation / Source:** [https://github.com/iraiansar/visual-sentinel](https://github.com/iraiansar/visual-sentinel)

Tags: #visual-sentinel-mcp#stdio#engineering#mcp-server#capture-viewport-baseline#compare-visual-diff

View All 5 Items by @iraiansar →

use case · ⚡ 93

Automated Multi-Viewport Visual Regression & Overflow Gate on Every PR

Runs Playwright and Visual Sentinel MCP against preview deployments on every pull request to block CSS overflow, z-index collisions, and dark-mode regressi

skill · ⚡ 91

Visual Sentinel Pixel-Diff & Layout Regression Gate Playbook

Automated visual regression gating for CI/CD and autonomous coding agents: capture deterministic baseline screenshots, compute perceptual pixel diffs, and

mcp · ⚡ 88

Argos CI Visual Testing — Automated PR Screenshot Review & Approval MCP

Inspect Argos CI visual regression builds on GitHub Pull Requests, review changed DOM regions, and approve or reject visual diffs from your coding agent.