gridproof
Spacing & grid QA for AI-generated UIs, in the agent loop. MCP server that audits computed geometry and returns fix hints.
面向 AI 生成 UI 的间距与网格质量检查,集成在代理循环中。MCP 服务器用于审计计算几何并返回修复提示。
How to install
npx -y gridproof git clone https://github.com/gridproof/gridproof ~/.claude/skills/gridproof About
GridProof **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. The problem AI coding agents are good at generating UI and bad at keeping it on a grid: py-[13px] instead of py-3, sibling cards with three different gaps, icons at 17px next to 24px. None of it breaks anything, so it ships —…
Recommendation signals
Meta
- License
- MIT
- Language
- TypeScript
- GitHub stars
- 2
- mo. downloads
- 177
- Last push
- 2026-08-13
- Created
- 2026-08-13
Basic safety check
- Findings
- None
- Sources
- curated:punkpeye/awesome-mcp-servers
- Topics
- ai-agents, ai-agents-mcp, claude, claude-code, design-qa, design-system, developer-tools, developer-tools-ai-agent, developer-tools-test, frontend, linter, mcp, model-context-protocol, playwright, tailwind, tailwind-css
Related plugins
hindsight
vectorize-io/hindsight/tree/main/hindsight-integrations/coding-agents
Hindsight, agent memory that learns: long-term project memory with auto recall and retain, knowledge pages, deep reflection, and per-repo memory banks.
firecrawl-mcp-server
firecrawl/firecrawl-mcp-server
🔥 Official Firecrawl MCP Server - Adds powerful web scraping and search to Cursor, Claude and any other LLM clients.
dsh-mnemon
omdsh-dev/dsh-mnemon
Cross-agent, local-first persistent memory plugin for DeepSeek Harness (DSH), powered by Mnemon. It shares long-term memory across Mnemon-enabled agents and adds runtime memory, searchable project documents, semantic recall, knowledge graph, and a Sidebar UI.
get-shit-done
gsd-build/get-shit-done
A light-weight and powerful meta-prompting, context engineering and spec-driven development system for Claude Code by TÂCHES.