Grid Proof MCP Server

GridProof your UI - automated spacing & grid QA in the agent loop. GridProof is an MCP server that renders your running frontend with Playwright, measures the computed geometry of every element, checks it against a spacing/token rule set, and hands back a structured fix report - so a coding agent can close the loop itself: generate, audit, fix, re-audit.

People who work with ai agents mcp, design qa and developer tools and want it reachable from Claude, Cursor, VS Code, or another MCP client. The project is written in TypeScript.

VERIFIED ACTIVE

LAST COMMIT 2026-08-13 · ★ 2 · #107 OF 168 MAINTAINED DEVELOPER TOOLS · VERIFIED 2026-09-18

MIT · TypeScript servers · how we verify → /methodology

01 · Install Grid Proof

Claude Code

claude mcp add gridproof-gridproof -- npx -y gridproof

Claude Desktop / Cursor / VS Code - add to config

{
  "mcpServers": {
    "gridproof-gridproof": {
      "command": "npx",
      "args": [
        "-y",
        "gridproof"
      ]
    }
  }
}

Same JSON for Cursor. For VS Code, rename the top-level key from `mcpServers` to `servers`.

Using another client? Same JSON, different key

Claude Desktop · mcpServers

Cursor · mcpServers

VS Code · servers

Windsurf · mcpServers

Zed · context_servers

Cline · mcpServers

Roo Code · mcpServers

Continue · mcpServers

LibreChat · mcpServers

Gemini CLI · mcpServers

Codex CLI · mcp_servers

Full setup guides: every client.

02 · Evidence

Security posture

What to check before giving this server access to your agent - from the registry, GitHub, and our own probes. We don't score safety; we show what's verifiable.

runs as local process (stdio) - runs on your machine with your user's permissions

repo age created 2026-08-13 - young repo, little track record yet

license MIT - declared in the repository

npm package gridproof - unscoped; check the name against the project README before installing

registry namespace io.github.gridproof is GitHub-verified and matches the repo owner

03 · What Grid Proof can do

Prose above is summarized from the project's README and registry record - no invented capabilities.

Latest releases

v0.1.0 · 2026-08-13

Gridproof - spacing & grid QA for AI-generated UIs, in the agent loop. · An MCP server that renders your running frontend with Playwright, measures the computed geometry of every element, and hands back structured fix…

04 · Who maintains Grid Proof

GridProof is maintained by gridproof. It's the only MCP server we track from this author; the repo dates to Aug 2026.

05 · Facts

category
developer tools - ranked #107 of 168 actively-maintained developer tools servers as of 2026-09-18.
release cadence
1 release in the last 90 days (latest 2026-08-13)
registry
io.github.gridproof/gridproof (active, first published 2026-08-13 · 2 versions)
packages
npm:gridproof

06 · Grid Proof FAQ

What is Grid Proof?

GridProof your UI - automated spacing & grid QA in the agent loop. GridProof is an MCP server that renders your running frontend with Playwright, measures the computed geometry of every element, checks it against a spacing/token rule set, and hands back a structured fix report - so a coding agent can close the loop itself: generate, audit, fix, re-audit.

Is Grid Proof still maintained?

Yes - as of 2026-09-18, its last commit was 2026-08-13 and it shipped 1 release in the last 90 days. We re-verify nightly.

How do I install Grid Proof?

Run `npx -y gridproof`. You can also paste the ready-made client config above.

Does Grid Proof run locally?

Yes - it's a stdio server: it runs on your machine (via npx) with your user's permissions. Your data stays local unless the server itself calls external APIs.

07 · Alternatives to Grid Proof

More developer tools MCP servers · Markupr Plus · Batch Review · Grok MCP · Proof Flow · Instagit

More TypeScript MCP servers · MAL MCP Server · Steam MCP Server · TMDB MCP Server · Grovs · Growthbook MCP · see all