GridProof – spacing/grid QA for AI-generated UIs, in the agent loop is a skill AI agent for Detect and correct layout flaws like inconsistent spacing and misaligned grids in AI-generated user interfaces to maintain design quality. Pricing: not stated on the product page. As of 2026-10-24, KanonAgent records 2 upvotes. First indexed by KanonAgent on 2026-08-14.
GridProof automatically checks and fixes spacing, alignment, and grid inconsistencies in AI-generated UIs, ensuring design consistency within the agent workflow.
2 upvotes
Tracked by Kanon since Aug 14, 2026
Status basis: npm_downloads_7d momentum fell to 5 per 3d from 17 (<= 40% of the prior window)
📈 Timelinewhat changed, and when
- Cooling npm_downloads_7d momentum fell to 5 per 3d from 17 (<= 40% of the prior window)
- Cooling npm_downloads_7d momentum fell to 4 per 3d from 13 (<= 40% of the prior window)
- Cooling npm_downloads_7d momentum fell to 4 per 3d from 13 (<= 40% of the prior window)
- Accelerating npm_downloads_7d gained 17 in the last 3d after a flat 3d baseline (no prior movement to compare a ratio against)
- Accelerating npm_downloads_7d gained 13 in the last 3d vs 5 in the 3d before (ratio 2.6x, threshold 1.5x)
- Accelerating npm_downloads_7d gained 13 in the last 3d vs 5 in the 3d before (ratio 2.6x, threshold 1.5x)
- Cooling npm_downloads_7d momentum fell to -2 per 3d from 12 (<= 40% of the prior window)
- Cooling npm_downloads_7d momentum fell to -6 per 3d from 16 (<= 40% of the prior window)
- Cooling npm_downloads_7d momentum fell to -6 per 3d from 16 (<= 40% of the prior window)
- Accelerating npm_downloads_7d gained 12 in the last 3d after a flat 3d baseline (no prior movement to compare a ratio against)
- Anomaly daily change 11.0 is 3.7 standard deviations from this entity's own prior mean (-0.6±3.1, baseline excludes this point) — unusual, not necessarily adoption
- Anomaly daily change 11.0 is 3.7 standard deviations from this entity's own prior mean (-0.6±3.1, baseline excludes this point) — unusual, not necessarily adoption
- Cooling npm_downloads_7d momentum fell to -2 per 3d from 10 (<= 40% of the prior window)
- Accelerating npm_downloads_7d gained 8 in the last 3d after a flat 3d baseline (no prior movement to compare a ratio against)
- Cooling npm_downloads_7d momentum fell to -2 per 3d from 10 (<= 40% of the prior window)
- Accelerating npm_downloads_7d gained 5 in the last 3d after a flat 3d baseline (no prior movement to compare a ratio against)
- Accelerating npm_downloads_7d gained 10 in the last 3d after a flat 3d baseline (no prior movement to compare a ratio against)
- Accelerating npm_downloads_7d gained 10 in the last 3d vs 2 in the 3d before (ratio 5.0x, threshold 1.5x)
- first observed Kanon started keeping permanent history for this agent
🔎 Known / Unknown
12 of 23 fields unknown
| Machine-callable | — | unknown | — |
| Open source | 1 | inferred | 1 quote(s) |
| Self-hostable | 1 | inferred | 1 quote(s) |
| Bring your own key | — | unknown | — |
| Autonomy level | 2 | inferred | 1 quote(s) |
| Pricing model | — | unknown | — |
| Integrations | mcp,claude,playwright | inferred | 1 quote(s) |
“Unknown” means we have not verified it — it is not a “no”. Hard filters never treat unknown as false.
🤖 Agent teardown · skill
Job to be doneDetect and correct layout flaws like inconsistent spacing and misaligned grids in AI-generated user interfaces to maintain design quality.
AutonomyL2 · tool-calling(evidence: "renders your running frontend with Playwright, measures the …")
Who it is forDesigners and product teams
Prerequisitesopen source · self-hostable
Integrationsmcp · claude · playwright
Traction · why it is risingPH vote count of 1 indicates design teams are concerned about the quality of AI-generated outputs.
Why it matters
It fills a critical gap in AI design workflows by catching layout errors that humans might miss, making it a key quality control step in AI-assisted design.
Evidence quotesverbatim, from the product’s own materials
“public GitHub repository (README fetched)”— structural
“From a local checkout: npm install && npm run build claude mcp add gridproof -- node /absolute/path/to/gridproof/dist/index.js”— readme
“renders your running frontend with Playwright, measures the **computed** geometry of every element”— readme
“GridProof is an MCP server that renders your running frontend with Playwright”— readme
“claude mcp add gridproof -- npx -y gridproof”— readme
“From a local checkout: npm install && npm run build”— readme
Signal source: Show HN
Visit official site →
📛 Official badgefor your site / README
Building GridProof? Pick a style above — the embed code updates live. Deep color control via URL params: bg= / fg= / accent= (hex). It links back to this page.
On mobile tap Share for WeChat / RED (Xiaohongshu) / X; on desktop use Copy text and paste into the app.
FAQ
What is GridProof?
GridProof automatically checks and fixes spacing, alignment, and grid inconsistencies in AI-generated UIs, ensuring design consistency within the agent workflow.
What does GridProof do?
Detect and correct layout flaws like inconsistent spacing and misaligned grids in AI-generated user interfaces to maintain design quality.
Why does GridProof matter?
It fills a critical gap in AI design workflows by catching layout errors that humans might miss, making it a key quality control step in AI-assisted design.
Is GridProof open source?
Yes — GridProof is open source.
Can I self-host GridProof?
Yes — GridProof can be self-hosted.
What does GridProof integrate with?
mcp,claude,playwright
How popular is GridProof?
As tracked by KanonAgent: 2 upvotes (first indexed 2026-08-14).
What are the best GridProof alternatives?
Similar AI agents tracked by KanonAgent: Stealth Venture, archify, open-design, deer-flow, ruflo, career-ops.