Premium UI Polish: Remove the AI-Generated Look
Audits generated frontend UI, strips the generic-AI tells, and rewrites it on a tight token system with exact values.
Before & after
Same prompt, same agent — the only difference is the skill.
I can create a dashboard for your customer analytics. What metrics do you want to display? How many users do you expect viewing it? Should it be light or dark theme? I can design something functional and clean, but to make it feel premium, I'd need to know more about your brand aesthetic and target audience.
PREMIUM ANALYTICS DASHBOARD → VISUAL HIERARCHY Hero metric (top-left): Lifetime Revenue – 48px bold heading, +18% YoY in secondary Supporting cards: 4 KPI cards below in 2x2 grid, subtle shadow on hover Charts: Full-width area chart with gradient fill (dark brand to transparent) Spacing: 24px gutters, 16px internal padding (professional breathing room) → COLOR & CONTRAST Background: Deep navy (not pure black – reduces eye strain) Text: Off-white 95% (not 100% – premium polish) Accent: Teal for interactive states (high enough contrast for accessibility) Chart colors: Muted palette (sage green, dusty rose, slate) – avoids neon flatness → TYPOGRAPHY TREATMENT Headlines: Geometric sans (Montserrat) – modern, corporate Body: System font stack (cleaner than web fonts on dashboards) Numbers: Tabular figures (alignment in tables) Metric labels: 12px, slightly desaturated text (guides eye down hierarchy) → INTERACTIVE DETAILS Hover state: Cards lift 4px, shadow expands (subtle depth) Loading: Skeleton screen with pulse animation (no abrupt flash) Tooltips: Positioned to avoid truncation, rounded 8px Trap: Avoid over-animating – premium feels calm and responsive, not busy
About this skill
Your UI works, but it looks like every other AI-generated Tailwind app: purple gradients, emoji icons, giant rounded cards with heavy shadows, and everything 16px apart. This skill diagnoses exactly which tells are giving it away and rewrites the code so it reads as deliberate product design.
What it does
- Ranks the specific generic-AI tells in your component or page (gradient fills, glassmorphism, emoji icons, uniform spacing, shadow-on-everything) by visual impact
- Rebuilds spacing on a 4px scale using a proximity rule, so related items group and sections separate
- Sets a short type scale with the right weights, tracking, line-height, and tabular numbers for stats and tables
- Pulls color back to tinted neutrals plus one accent, and checks that text pairs meet WCAG AA contrast
- Picks one elevation language and a radius scale (including nested radii) so surfaces stop fighting each other
- Adds the states that make a product feel finished: focus rings, loading, empty, error, disabled
What you get
A ranked list of fixes with exact values, a token block (CSS variables or Tailwind theme), your component or page rewritten in the same framework with its logic left intact, and a short change log.
Best for
Founders, indie hackers, and developers shipping React, Vue, Svelte, or plain HTML/Tailwind UI generated with AI who want it to hold up next to well-funded SaaS products without hiring a designer for every screen.
SKILL.md preview
---
name: premium-ui-polish-remove-ai-look
description: Audits and rewrites frontend UI (HTML/CSS, Tailwind, React, Vue, Svelte) so it stops looking AI-generated and reads as deliberate product design. It strips the known generic-AI tells, then rebuilds spacing, type, color, elevation, and interaction states on a small token system. Use when the user says "make this look premium", "this UI looks AI-generated", "polish this component", "my dashboard looks cheap", "it looks like every other Tailwind template", "why does my landing page feel generic", "clean up this design", or "make it look like a real SaaS product".
---
# Premium UI Polish: Remove the AI-Generated Look
… (sign up to view the full skill)More design skills
View all Design skills →Rhinestone Clipart Studio
Use when the request is for rhinestone, gemstone, crystal, or jeweled-brooch style character clipart — generating a new faceted-gem characte
Design Critique with Prioritized Fix List
Critiques a UI, landing page, or layout against its goal and returns ranked fixes with exact sizes, spacing, and contrast ratios.
Native iOS and Android Screen Design and Review
Screen specs and mockup reviews for iOS and Android apps that use correct navigation, touch targets, type scales, safe areas and states.
Interactive Concept Explainer (Single HTML File)
A one-file HTML explainer with sliders, steps, and a baseline that teaches one concept, with its math stated and checked by hand.