Frontend UI Polish Expert

Conducts a meticulous final quality pass on frontend features to fix alignment, spacing, and interaction gaps.

triggers:polish frontendfinal quality passfix alignmentui polishvisual consistencyfrontend refinement

What it does

This skill provides a systematic framework for the 'final 10%' of frontend development. It transforms a functionally complete feature into a professional, polished product by addressing subtle visual and technical inconsistencies.

When to use it

Apply this skill as the final step before shipping a feature. It is designed for UI/UX refinement after the core functionality is already stable.

What's included

Instructions: A comprehensive checklist covering Visual Alignment & Spacing, Typography, Color & Contrast (WCAG), Interaction States (Hover/Focus/Active), Micro-interactions, and Responsiveness.
Performance Audit: Guidance on removing console logs, optimizing images, and eliminating layout shifts (CLS).
Quality Guardrails: Strict rules against polishing incomplete work or introducing bugs during the refinement phase.

Compatible agents

Frontend developers, UI/UX agents, Claude Code, Cursor, or any agent with the ability to inspect and modify CSS/HTML/TSX.

Not yet audited

This skill has not been reviewed by our automated audit pipeline yet.

Information

Repository: skills
Stars: 24

More from skills

Azure AI Text Translation — Python

Client examples and usage for Azure AI Translator Text SDK in Python: translation, transliteration, language detection, and dictionary lookup.

Upstash QStash — Serverless Message Queues

Expert skill for designing and operating Upstash QStash-based serverless message queues, scheduled HTTP jobs, webhook delivery, deduplication, and signature ver

Bash Pro

Defensive, production-grade Bash scripting patterns for safe, portable, testable automation and CI/CD.

Vercel React Best Practices

A prioritized, practical rule set for React and Next.js performance: eliminating waterfalls, bundle-size reduction, server/client optimizations, and render impr

Related Skills

Scientific Schematics & Diagrams

Generate publication-quality scientific diagrams via AI with iterative quality review and smart regeneration for journal, conference, poster, and presentation o

Clerk Vue Patterns

Vue 3 integration patterns for Clerk: composables, router guards, and Pinia auth store integration.

Colorize (Strategic UI Color)

Introduce purposeful color into monochromatic or dull interfaces to improve hierarchy, meaning, and emotional warmth while preserving accessibility.

OpenTestAI

Automated, high-confidence AI testing: bug detection, persona feedback, and prioritized test-case generation using many specialized tester profiles.

Cognitive Accessibility Specialist

Audits content, forms and authentication flows for cognitive accessibility (WCAG 2.2 / COGA) and gives prioritized remediation and plain-language guidance.

Agent Browser — Core

Core usage guide for agent-browser: snapshot-and-ref browser automation to navigate pages, interact with elements, extract data, take screenshots, manage sessio

React Development Expert

Provides authoritative React guidance on hooks, state patterns, Server Components, performance optimization, and common architectural patterns.

ClearShot — Screenshot UI Analysis

Structured UI screenshot analysis using a 5×5 spatial grid, full element inventory, and design system extraction. Escalates to full implementation blueprint whe

Frontend UI Polish Expert

What it does

When to use it

What's included

Compatible agents