polish

Fix alignment, spacing, and micro-details in pre-release UI components.

Updated Mar 22, 2026
One-click install
npx skills add https://github.com/1toe/spotify-to-ytmusic --skill polish-1toe
Or copy as Structured Prompt for Agent
Please help me install this Agent Skill.
Skill: polish
Source: https://github.com/1toe/spotify-to-ytmusic/tree/main/.cursor/skills/polish
Command: npx skills add https://github.com/1toe/spotify-to-ytmusic --skill polish-1toe

SYSTEM DOCUMENTATION & REQUIREMENTS

What problem does it solve?

Performs a meticulous final pass to fix alignment, spacing, consistency, and micro-detail issues before shipping, ensuring a cohesive, high-quality product.

Core Features & Use Cases

  • Visual alignment & spacing checks to ensure pixel-perfect layouts that align with the design system.
  • Typography refinement to maintain hierarchy, line length, and legibility across breakpoints.
  • Color & contrast tuning to meet accessibility standards and token usage.
  • Interaction state validation to ensure defaults, hover, focus, active, disabled, loading, error, and success states are consistent.
  • Copy & content polish to enforce consistent terminology, capitalization, grammar, and punctuation.
  • Edge-case handling and risk mitigation to catch issues that may impact shipping readiness.

Quick Start

Ask the AI to perform a final polish pass on the current feature, ensuring design-system alignment and pixel-perfect details.

Frequently Asked Questions about polish

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

FAQPage Schema
How do I perform a final polish pass to fix UI alignment and spacing before shipping?

A final polish pass enforces design-system alignment and spacing token usage to fix visual inconsistencies in pre-release UI components, ensuring pixel-perfect layouts. It targets micro-details like typography hierarchy and accessible interaction states.

What is UI polish and how does it ensure visual consistency across a product?

UI polish is a meticulous final review that enforces design-system token usage and typography hierarchy across the product codebase. It ensures visual consistency by validating spacing, alignment, color contrast, and interaction states.

How do I validate interaction states like hover, focus, and disabled for design-system compliance?

Validating interaction states involves checking that defaults, hover, focus, active, disabled, loading, error, and success states are consistent and accessible. This process enforces design-system alignment and ensures interaction readiness without functional regressions.

Can I use an automated polish pass to enforce typography hierarchy and accessibility standards?

Yes, an automated polish pass refines typography to maintain hierarchy and legibility across breakpoints while tuning color and contrast to meet accessibility standards. It enforces token usage and accessible state compliance across UI components.

What is the best way to catch edge-case visual issues and mitigate shipping risks in UI components?

The best way to mitigate shipping risks is performing a final polish pass that handles edge cases and validates copy accuracy, terminology, and punctuation. This ensures cohesive, ship-ready quality while avoiding functional regressions.

Does a pre-release visual polish pass work on existing UI components without causing functional regressions?

Yes, a visual polish pass targets pre-release features and existing UI components across the product codebase to fix alignment and spacing. It specifically enforces design-system consistency while avoiding functional regressions.