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.
Secure checkout via Stripe
See it in action
You say
Critique this login card code. The spacing feels cramped and the 'Submit' button doesn't stand out enough even though it's blue.
Your agent does
UI Audit: Login Card
- Spacing Rhythm: Your internal padding is
p-3(12px) but your gap isgap-6(24px). Switch to a uniformp-6to create breathability. - Visual Weight: Change the button from
bg-blue-500tobg-blue-600and increasefont-mediumtofont-boldto improve focal priority.
What you get
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.
How to install
Drop the file into your AI Agent. Works with Claude, Cursor, ChatGPT, and 20+ more.
Reviews
No reviews yet
Be one of the first to try it. Every listed skill passes our trust checks below.
Security scanned
Passed our 8-point scan before listing
Fresh listing
Recently published to Agensi
30-day refund
Not a fit? Get your money back
Trust & safety
Security scanned
Verified clean 29 days ago
- 30-day refund guarantee
- One-time purchase, yours forever
- Secure checkout via Stripe
Creator
Frequently Asked Questions
Popular in Frontend & Design

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.

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

ui-component-architect
Generates stunning, mobile-responsive Tailwind CSS components and modern landing pages.