审查 AI 生成界面的间距与尺寸问题,并给出可应用的修复提示。
复制安装指令,让 AI 自动完成配置 · 推荐新手
"GridProof" 暂无可直接复制的安装信息,请查看页面文档或源码仓库。
请审查这个 AI 生成的登录页 UI,检查模块间距、按钮与输入框的间隔,以及主要元素尺寸是否一致,并返回可直接应用的修复提示,优先按 Tailwind 类名给出建议。
指出不一致的间距与尺寸问题,并附带可执行的 Tailwind 优先修复建议。
分析这个 AI 生成的卡片列表界面,找出卡片内边距、卡片之间的 gap、标题和按钮尺寸的不统一之处,并输出修复提示;如果无法使用 Tailwind,请提供兼顾可访问性的备选建议。
返回卡片布局中的尺寸问题清单,以及 Tailwind 或可访问性备选修复方案。
请审计这个 AI 生成的表单界面,重点检查输入框、标签、帮助文本和提交按钮的尺寸与间距层级,输出需要修改的位置和修复提示。
给出表单控件的层级与间距问题,并说明应如何调整元素大小和空白。
设计师或开发者在使用 AI 生成页面草稿后,可以用它检查间距、留白和元素尺寸是否协调。它会返回修复提示,帮助快速把界面调整到更一致的状态。
当项目采用 Tailwind 构建界面时,这个工具可优先输出贴近 Tailwind 的修复建议。这样团队更容易直接把建议应用到现有代码中。
如果当前界面不是基于 Tailwind,这个工具仍可提供可访问性导向的备选修复思路。适合希望先修正 UI 质量问题、再决定具体实现方式的团队。
它会审计 AI 生成界面中的间距、gap 和元素尺寸问题,并返回修复提示供代理继续应用。描述中说明它以 Tailwind 优先,并提供可访问性回退方案。
从描述看,它特别适合 AI 生成的界面审查,尤其是需要快速修正布局细节的场景。若项目使用 Tailwind,建议会更贴近现有实现。
给定素材没有提供安装步骤、运行时要求或密钥信息。具体前置条件见源码仓库。
审查设计稿或页面的无障碍性,识别并说明 WCAG 2.1 AA 合规问题。
分析网站界面并生成可供 AI 编程助手执行的 CSS/HTML 修复建议
通过截图比对与设计令牌提取,定位 UI 偏差并生成 CSS 修复建议
根据19条专业设计规则审查界面与视觉稿,并给出改进建议。
在 Cursor 中捕获界面并诊断设计一致性问题,生成可执行的改版差异建议。
帮助生成或审查设计系统,检查视觉一致性并评审样式相关改动。