Audit AI-generated UI spacing and sizes, then return actionable fix hints.
Copy the install command and let the AI configure it · recommended for beginners
No copy-paste install info for "GridProof" yet — see the docs or source repo.
Audit this AI-generated login page UI for section spacing, button and input gaps, and consistency of key element sizes. Return directly applicable fix hints, preferably as Tailwind class suggestions.
Identifies inconsistent spacing and sizing issues with actionable, Tailwind-first fix suggestions.
Analyze this AI-generated card list UI. Find inconsistencies in card padding, gaps between cards, and title/button sizes, then output fix hints. If Tailwind cannot be used, provide accessibility-aware fallback suggestions.
Returns a list of sizing issues in the card layout plus Tailwind or accessibility fallback fixes.
Audit this AI-generated form UI, focusing on the sizing and spacing hierarchy of inputs, labels, helper text, and the submit button. Output what should be changed and the fix hints.
Provides hierarchy and spacing issues in the form and explains how to adjust element sizes and whitespace.
Designers or developers can use it after generating page drafts with AI to check whether spacing, gaps, and element sizes are coherent. It returns fix hints to help quickly bring the UI into a more consistent state.
When a project uses Tailwind for UI implementation, this tool can prioritize Tailwind-oriented fix suggestions. That makes it easier for teams to apply the recommendations directly to existing code.
If the current UI is not based on Tailwind, the tool can still provide accessibility-oriented fallback fixes. This is useful for teams that want to correct UI quality issues before deciding the exact implementation approach.
It audits spacing, gaps, and element size issues in AI-generated UIs and returns fix hints for the agent to apply. The description says it is Tailwind-first with an accessibility fallback.
Based on the description, it is especially suited to reviewing AI-generated interfaces, particularly when layout details need quick correction. If the project uses Tailwind, the suggestions should align more closely with the implementation.
The provided material does not include installation steps, runtime requirements, or key information. For exact prerequisites, see the source repository.
Audit designs or pages for WCAG 2.1 AA accessibility issues.
Analyze website UIs and generate precise CSS/HTML fix instructions for AI assistants.
Compare UI screenshots, extract design tokens, and suggest CSS fixes.
Audit designs against 19 professional rules and get actionable improvements.
Capture rendered UI, spot design drift, and generate actionable redesign diffs.
Generate or audit design systems and review styling consistency changes.