Works with the AI tools you already use
UI Design Taste Critic
Professional design critique that replaces vague "vibes" with concrete, systemic UI fixes and spacing values.
$7
· or 35 creditsSecure checkout via Stripe
About this skill
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.
Details
How to install
Drop the file into your AI Agent. Works with Claude, Cursor, ChatGPT, and 20+ more.
Reviews
No reviews yet - be the first to share your experience.
Only users who have downloaded or purchased this skill can leave a review.
Be the first to review this skill.
Only users who have downloaded or purchased this skill can leave a review.
Security Scanned
Passed automated security review
Permissions
No special permissions declared or detected
Creator
Frequently Asked Questions
Browse More Skills

frontend-motion-wizard
Advanced responsive layout and interactive micro-interaction engine for React, Tailwind CSS, and Framer Motion. Automatically injects fluid element states, mobile-first touch behaviors, adaptive viewports, and non-destructive layout transitions into static codebases

Award Winning Design: Turn Claude Into a World Class Designer
v2 of Design Philosophy — a senior-designer brain for your agent. Industry-specific, award-caliber UI plus six pro UX reasoning modules. Same prompt, radically better design.

Cinematic Landing Page Builder
Turn any business URL into a high-end animated landing page with 4K AI assets and GSAP animations via Cloudflare.
cinematic-sites
Turn any basic business URL into a high-end cinematic landing page with AI-generated 4K assets and GSAP animations.