GridProof – spacing/grid QA for AI-generated UIs, in the agent loop 是一个「skill」类 AI agent,解决:在 AI 生成界面后，自动检查并修复间距、对齐、网格等布局问题，确保设计一致性。定价:产品页未标明。截至 2026-08-14,KanonAgent 记录到 1 票。本站首次收录于 2026-08-14。
GridProof 是一个 AI 驱动的 UI 间距与网格质量检查工具，能自动检测 AI 生成界面中的布局不一致问题，并在 AI 工作流中自动修复，提升设计交付质量。
1 票
Kanon 于 2026 年 8 月 14 日 收录
🤖 Agent 拆解 · skill
解决什么场景在 AI 生成界面后，自动检查并修复间距、对齐、网格等布局问题，确保设计一致性
自主度L2 · 有工具调用(引文: "renders your running frontend with Playwright, measures the …")
目标市场To B (designers, product teams)
前置条件开源 · 可自托管
集成面mcp · claude · playwright
牵引 · 为什么在涨PH票数1，说明有设计团队对 AI 输出质量有担忧
为什么值得关注
填补 AI 生成 UI 后的“质量盲区”，将 AI 生成与人工质检结合，是 AI agent 在设计工作流中的典型落地场景
证据引文判定所依据的原文 · 逐字引用
“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
信号来源: Show HN
访问官网 →
📛 官方徽章挂到官网 / README
你是 GridProof 的作者?上面选样式,嵌入代码实时更新;要贴合站点配色可在 URL 上加 bg= / fg= / accent=(十六进制色)。徽章链回本页。
手机端点「分享」直达微信/朋友圈/小红书;桌面端用「复制文案」后到 App 内粘贴发布
常见问题
GridProof 是什么?
GridProof 是一个 AI 驱动的 UI 间距与网格质量检查工具，能自动检测 AI 生成界面中的布局不一致问题，并在 AI 工作流中自动修复，提升设计交付质量。
GridProof 解决什么问题?
在 AI 生成界面后，自动检查并修复间距、对齐、网格等布局问题，确保设计一致性
GridProof 为什么值得关注?
填补 AI 生成 UI 后的“质量盲区”，将 AI 生成与人工质检结合，是 AI agent 在设计工作流中的典型落地场景
GridProof 是开源的吗?
是。GridProof 为开源项目。
GridProof 能自托管吗?
可以。GridProof 支持自托管部署。
GridProof 能接哪些工具?
mcp,claude,playwright
GridProof 有多少人在用?
KanonAgent 记录到:1 票(本站首次收录于 2026-08-14)。
GridProof 有什么替代品?
KanonAgent 库内的同类 agent:deepseek-harness、claude-mem、open-design、deer-flow、Agent-Reach、oh-my-openagent。