Works with the AI Agents you already use

    Claude CodeClaude CodeCursorCursorCodex CLICodex CLIMuseMuseDotsDots+21 more

    Visual Polish Master

    1

    The Visual Polish Master is a specialized design engineering skill that focuses on the 'last 10%' of your UI.

    $8.99

    Secure checkout via Stripe

    Money-back guarantee

    Converts to your local currency at checkout

    Security scanned
    Visual Polish Master

    Visual Polish Master

    Example session with this skill installed

    I'm building a React dashboard using Tailwind. It's functional but feels a bit flat. Can you polish the main card components to make them feel more premium?

    • Read your context and instructions
    • Compiled the visual polish master

    Visual Polish for Dashboard Cards

    1. Layered Shadow
    Replace shadow-md with:
    shadow-[0_1px_2px_rgba(0,0,0,0.05),0_4px_6px_-1px_rgba(0,0,0,0.1),0_2px_4px_-1px_rgba(0,0,0,0.06)]
    Reason: Single-step shadows look heavy; layering creates a natural depth-of-field.

    2. Inner Border
    Add ring-1 ring-black/5 ring-inset:
    Reason: Gives the card a crisp "stamped" edge against the background.

    3. Interactive State
    Add transition-all duration-200 ease-out hover:-translate-y-0.5:
    Reason: Subtle lift on hover provides immediate tactile feedback.

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

    About this skill

    What it does

    The Visual Polish Master is a specialized design engineering skill that focuses on the 'last 10%' of your UI. It transforms functional interfaces into premium, professional products by refining surface details like shadows, borders, interactive states, and transitions without altering your core layout or structure.

    Why use this skill

    Most AI agents focus on functional code but often miss the subtle design cues that make software feel high-quality. This skill acts as a meticulous design QA, auditing your UI for details that developers often overlook: layered shadows (not just single-value offsets), optical alignment versus mathematical centering, and complete interactive state coverage (hover, focus, active). It doesn't just give you values; it explains the perceptual logic—like why a shadow feels 'floating' rather than 'glued'—helping you build a better design eye.

    What you get

    • Layered Shadow Recipes: Multi-step shadow definitions for depth and realism.
    • Interactive State Audits: Missing hover, focus, and active state specifications.
    • Refined Transitions: Timing and easing values that feel fluid, not robotic.
    • Dark Mode Parity: Adjustments to ensure elevation and contrast work in dark themes.
    • Precision Specs: Copy-paste ready CSS, Tailwind, or styling tokens.

    • Does not modify core layout or logic.
    • Requires existing UI code or screenshots to analyze.
    • Focused on CSS/styling, not UX flow or information architecture.

    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

    Visual Polish Master is designed to work with all major LLMs and AI coding assistants. It integrates into your workflow by analyzing your existing UI code and providing refined styling specifications.

    Unlike standard generators, this skill focuses exclusively on the "final 10%"—refining shadows, interactive states, and transitions without altering your layout. It acts as a specialized design auditor to bridge the gap between functional code and premium aesthetics.

    No, this skill is non-destructive; it provides specific CSS, Tailwind tokens, or style property overrides that you can apply to your existing structure to enhance its visual quality.

    You receive a perpetual license to the skill's logic, including layered shadow recipes, interactive state specifications, and refined transition values that can be applied across any number of projects.

    Yes, the skill includes logic for dark mode parity, ensuring that elevation through shadows and contrast ratios are automatically adjusted to look professional in dark themes.

    Setting up is as simple as adding the skill to your agent's library; from there, you can prompt it to review specific components or full pages by providing your current styling code.