skills.rest
julianromli
julianromliCOMMUNITY
Explore all skills by this author →
WebsiteGitHub

polish

Polish front-end interfaces by fixing alignment, spacing, consistency, and micro-detail issues across breakpoints and accessibility scenarios.

Updated Apr 13, 2026
Search Tags:#ui#accessibility#quality-assurance#ux#design-system#polish#micro-interactions
One-click install
npx skills add https://github.com/julianromli/dikara-portfolio --skill polish-julianromli
Or copy as Structured Prompt for Agent▼
Please help me install this Agent Skill.
Skill: polish
Source: https://github.com/julianromli/dikara-portfolio/tree/main/.cursor/skills/skills/polish
Command: npx skills add https://github.com/julianromli/dikara-portfolio --skill polish-julianromli

SYSTEM DOCUMENTATION & REQUIREMENTS

What problem does it solve?

This Skill performs a final quality pass to catch alignment, spacing, consistency, interaction state gaps, accessibility issues, and micro-detail problems that remain after functional work is complete, ensuring the product looks, feels, and behaves launch-ready.

Core Features & Use Cases

  • System discovery: Find design systems, tokens, and established patterns to align fixes with the shared visual language.
  • Visual & interaction polish: Fix spacing, optical alignment, typography hierarchy, color contrast, and missing interaction states across breakpoints.
  • Accessibility & performance checks: Verify focus indicators, contrast ratios, reduced-motion support, loading states, and layout stability.
  • Use Case: Prepare a finished product page for release by consolidating token usage, smoothing transitions, filling interaction gaps, and validating on real devices.

Quick Start

Run a final polish pass by reviewing alignment, spacing, interaction states, accessibility, typography, and responsiveness and fix deviations to match the design system and the agreed quality bar.

Frequently Asked Questions about polish

High-intent search queries and answers about installing and using this skill.

FAQPage Schema
How do I fix UI and UX alignment and spacing issues before launch?▼

To fix UI and UX alignment issues before launch, perform a final quality pass that reviews spacing, optical alignment, and typography hierarchy across responsive breakpoints. This ensures your interface looks and behaves launch-ready.

What is a UI polish pass and what does it cover for front-end components?▼

A UI polish pass is a final quality review for front-end components that catches remaining micro-detail problems. It covers system discovery, interaction-state validation, accessibility checks, and manual device testing to ensure launch readiness.

How do I validate accessibility and interaction states across responsive breakpoints?▼

Validate accessibility and interaction states by verifying focus indicators, contrast ratios, reduced-motion support, and loading states across responsive breakpoints. This process fills interaction gaps and ensures layout stability during pre-launch reviews.

Does this pre-launch UX polish approach work with existing design systems and tokens?▼

Yes, this pre-launch UX polish approach works with existing design systems. It includes a system discovery phase to find established design tokens and patterns, ensuring all alignment and consistency fixes match your shared visual language.

What's the best way to review design handoffs for micro-interactions and consistency?▼

The best way to review design handoffs for micro-interactions is to apply a final quality pass that smooths transitions and consolidates token usage. This validates interaction gaps and ensures front-end components meet the agreed quality bar.

When should I not use a final pre-launch UI quality pass?▼

You should not use a final pre-launch UI quality pass when functional development is still incomplete. This process is designed to catch micro-detail, alignment, and consistency issues only after core functional work is finished and ready for release.

Related Skills

Explore More Design & Creative Skills→
riabtsevriabtsev

normalize

Normalize UI features to align with design system standards.

Community
Advanced
DVNghiemDVNghiem
20

responsive-review

Verify responsive behavior of UI components across mobile, tablet, and desktop viewports.

Community
Advanced
beardcoderbeardcoder

css-a11y

Audit CSS for accessibility issues and fix focus, motion, and contrast patterns.

Community
Advanced
JansenAnalyticsJansenAnalytics
5

frontend-inspector

Analyze frontend screenshots to detect visual defects and generate structured reports.

Community
Intermediate