1
    UI Design Taste Critic

    UI Design Taste Critic

    by Arnstein Larsen

    Professional design critique that replaces vague "vibes" with concrete, systemic UI fixes and spacing values.

    Updated Jun 2026
    Security scanned
    Claude Code

    $9.99

    · or 50 credits

    30-day refund guarantee

    Secure checkout via Stripe

    Included in download

    • Identify specific spacing and typography inconsistencies in component code
    • Prioritize UI fixes based on visual impact vs implementation effort
    • Ready for Claude Code
    • Instant install

    Sample input

    Critique this login card code. The spacing feels cramped and the 'Submit' button doesn't stand out enough even though it's blue.

    Sample output

    UI Audit: Login Card

    1. Spacing Rhythm: Your internal padding is p-3 (12px) but your gap is gap-6 (24px). Switch to a uniform p-6 to create breathability.
    2. Visual Weight: Change the button from bg-blue-500 to bg-blue-600 and increase font-medium to font-bold to improve focal priority.

    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.

    Use Cases

    • Identify specific spacing and typography inconsistencies in component code
    • Prioritize UI fixes based on visual impact vs implementation effort
    • Convert 'vague' design feedback into actionable CSS/Tailwind values
    • Audit visual hierarchy to ensure key actions are seen first

    Reviews

    No reviews yet - be the first to share your experience.

    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

    Tags

    ui-design
    frontend-dev
    ux-critique
    tailwind-css
    design-systems

    Claude Code, Cursor, Windsurf, and VS Code.

    Creator

    Arnstein Larsen

    Frequently Asked Questions

    Learn More About AI Agent Skills

    More Premium Skills

    World-Class Site & App Design

    Every AI-built UI looks generic and templated. This skill teaches your agent to actually match the design to the project, the industry, and the audience.

    $53 installs

    designing-hybrid-context-layers

    Architects the right retrieval strategy for every query — teaching your agent when to use RAG, a knowledge graph, or a temporal index instead of defaulting to vector search for everything.

    $1015 installs

    ai-automation-qa-pack

    Professional QA & UAT documentation generator for AI automation agencies and complex agent deployments.

    $59 installs

    Bounty Security Pattern Master Library — 399 Vulnerability Patterns

    A premium library of 399 vulnerability patterns and DeFi attack vectors for AI-driven bug hunting and security audits.

    $758 installs

    $10