LocalFree

GridProof MCP server

gridproof/gridproof

Renders a frontend with Playwright and audits spacing, gaps and element sizes against a design scale, returning fix hints. Tailwind-first.

4 GitHub stars223 npm downloads / month

Install GridProof in Claude Code

Claude Code
claude mcp add gridproof -- npx -y gridproof
mcp.json (Claude Desktop, Cursor, VS Code, Windsurf)
{
  "mcpServers": {
    "gridproof": {
      "command": "npx",
      "args": [
        "-y",
        "gridproof"
      ]
    }
  }
}

Frequently asked questions

What does the GridProof MCP server do?

Renders a frontend with Playwright and audits spacing, gaps and element sizes against a design scale, returning fix hints. Tailwind-first.

Is the GridProof MCP server free?

Yes, most likely. Open source and no paid account or API key is mentioned in the listing. Check the provider for current pricing.

Does GridProof run locally or remotely?

Local. Runs on your machine (stdio). You install it with npx, uvx, Docker or from source.

How do I add GridProof to Claude Code?

Run: claude mcp add gridproof -- npx -y gridproof

More developer tools MCP servers

View all