Works with the AI Agents you already use

    Claude CodeClaude CodeCursorCursorCodex CLICodex CLIMuseMuseDotsDots+21 more

    UI Design Taste Critic

    1

    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.

    $7

    Secure checkout via Stripe

    Money-back guarantee

    Converts to your local currency at checkout

    Security scanned
    UI Design Taste Critic

    UI Design Taste Critic

    Example session with this skill installed

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

    • Read your context and instructions
    • Compiled the ui design taste

    UI Audit: Login Card

    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.

    Connects securely to your tools. The creator never sees your data.

    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.

    • Cannot view private Figma files without manual exports
    • Pixel accuracy depends on image quality
    • Limited to visual CSS/Tailwind fixes, not backend logic

    How to use

    1. 1

      Connect your agent to the Agensi MCP

      Copy the prompt and paste it into Claude, ChatGPT, Cursor or any agent that supports MCP. It sets up the connection for you. Manual setup

    2. 2

      Sign in to Agensi

      Your agent shows a sign-in link. Sign in and click Allow.

    3. 3

      Ask for what you need

      Your agent loads this skill and uses it on your task. It always asks before any payment.

    Reviews

    No reviews yet

    Be one of the first to try it. Every listed skill goes through the trust checks below.

    Security scanned

    Checked by our 8-point scan before listing

    Fresh listing

    Recently published to Agensi

    Money-back guarantee

    Doesn't do what its page promises? You get your money back.

    Trust & safety

    Security scan

    Security scan passed 4 months ago

    Permissions

    No special permissions declared or detected

    Listed4 months ago
    Updated4 months ago

    What's inside

    Frequently Asked Questions

    The skill is platform-agnostic but excels with agents capable of processing code snippets (React, Vue, HTML) or detailed CSS/Tailwind layouts to provide specific replacement values.

    Unlike general AI that offers subjective opinions, this skill uses a systemic rubric to check for grid alignment, typography scales, and color accessibility, providing specific numeric fixes (like 8px grid values).

    Your purchase includes lifetime access to the ui-taste-critic skill, including all future logic updates and refinements to the design system rulesets as modern UI trends evolve.

    Simply import the skill into your preferred AI agent's workspace; the skill is pre-configured to handle both raw code and high-level design descriptions without additional setup.

    Yes, you can specify your project's constraints, such as using a specific utility-first framework like Tailwind CSS or adhering to a pre-defined brand color palette.