UI Design Taste Critic

UI Design Taste Critic performs a structured, systemic audit of your component code, Tailwind layouts, or CSS mockups — not a surface-level opinion pass. It checks eight distinct dimensions: visual hierarchy against information priority, spacing rhythm, typography scale discipline, colour semantics, alignment and grid integrity, contrast and visual weight, density and whitespace balance, and component consistency. Every finding it raises must carry a concrete replacement value — a specific px token, a Tailwind class swap, a hex — or it does not appear in the report.

A typical session: you paste a React card component using inconsistent padding and three different font weights, tell the skill your stack is Tailwind and your audience is paying B2B customers. It asks four brief questions — stack, goal, constraints, audience — then returns a ranked audit. Example output excerpt: 'CRITICAL (high impact / low effort): Card padding uses p-3 on inner content and p-5 on the container, breaking the 8px grid. Change inner padding to p-4. MEDIUM: Two competing text-gray-500 and text-gray-400 body classes create an unintentional hierarchy; consolidate to text-gray-500 for all secondary copy. CONSIDER: Border radius mixes rounded and rounded-md across sibling components; standardise to rounded-md.'

The Impact-per-Effort ranking at the end of every audit tells you exactly which changes to ship first and which to defer. Output format adapts to your workflow: a structured report for a design review meeting, a quick bullet list for a solo iteration sprint, or copy-paste-ready Tailwind specifications you can drop straight into your codebase. Nothing vague, nothing without a number attached.