What problem does it solve?
This skill solves inconsistent, cluttered, or “AI-sloppy” UI presentation by systematically raising spacing, typography, color, and interaction quality to a clean baseline.
Core Features & Use Cases
- Visual polish audit: Reviews an existing interface in a fixed, high-leverage order to compound improvements rather than scatter changes.
- Consistent Tailwind design system rules: Normalizes spacing to a 4px grid, aligns typography to a clear 4–5 level hierarchy, reduces to a controlled gray/brand palette, and standardizes border radius and shadow depth.
- UI completeness checks: Verifies interactive states (hover/focus/disabled), plus loading and empty states, and form labeling/error patterns to remove common UX rough edges.
Quick Start
Run baseline-ui on the current UI codebase and ask for a sequential spacing-to-typography-to-color visual polish pass that fixes focus/disabled states, loading/empty states, and form polish while removing AI-generated styling inconsistencies.