UI Design Taste Critic

Stop guessing why your UI feels "amateur"

Most developers can sense when a design looks wrong, but struggle to articulate why or how to fix it. This skill acts as a senior product designer standing over your shoulder, providing ruthless, objective critiques of your components and mockups.

What it does

Instead of vague feedback like "make it pop," this skill performs a deep systemic audit of your UI. It analyzes visual hierarchy, spacing rhythms, typography scales, and color semantics. It looks for broken systems—like inconsistent border radii or haphazard padding—that make a professional app look like a side project.

Why use this skill

• Precision Fixes: Every critique comes with a concrete replacement value (e.g., "Change p-3 to p-4 to match your 8px grid").
• Systemic Thinking: It enforces design system logic rather than one-off tweaks.
• Context Aware: Tailors feedback based on your specific stack (React, Tailwind, etc.) and audience (C-suite vs. end-users).
• Prioritized Action: Includes an "Impact-per-Effort" ranking so you know which changes move the needle most.

Supported Inputs

The skill accepts component code snippets, CSS/Tailwind layouts, or descriptive mockups. It outputs structured reports, quick-fix bullet points, or copy-paste ready design specifications depending on your current workflow needs.