skills.rest
AskTinNguyen
AskTinNguyenCOMMUNITY
Explore all skills by this author →
WebsiteGitHub

polish

Fix alignment, spacing, typography, color contrast, and copy inconsistencies across UI components.

1|Updated Jan 26, 2026
Search Tags:#typography#accessibility#ui-design#spacing#polish#design-tokens#color-contrast
One-click install
npx skills add https://github.com/AskTinNguyen/vesper-team-skills --skill polish-asktinnguyen
Or copy as Structured Prompt for Agent▼
Please help me install this Agent Skill.
Skill: polish
Source: https://github.com/AskTinNguyen/vesper-team-skills/tree/main/polish
Command: npx skills add https://github.com/AskTinNguyen/vesper-team-skills --skill polish-asktinnguyen

SYSTEM DOCUMENTATION & REQUIREMENTS

What problem does it solve?

Final quality pass before shipping. Fixes alignment, spacing, consistency, and detail issues that separate good from great.

Core Features & Use Cases

  • Comprehensive polish audit across visuals, typography, color contrast, interaction states, and motion.
  • Ensure design-token consistency, accessibility compliance, and responsive behavior across breakpoints.
  • Real-world use: run polishing on a feature to catch visual glitches and copy inconsistencies before release.

Quick Start

Instruct the AI to perform a final polish pass on the current UI work, validating alignment, typography, color contrast, accessibility, motion, and edge-case handling.

Frequently Asked Questions about polish

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

FAQPage Schema
How do I fix UI alignment and spacing inconsistencies before shipping?▼

To fix UI alignment and spacing inconsistencies, run a final polish pass that audits visual alignment, spacing, and typography across all breakpoints. This enforces design-token consistency and corrects visual glitches before product release.

What is a polish audit for UI design and when do I need it?▼

A polish audit is a comprehensive review of visuals, typography, color contrast, interaction states, and motion. You need it as a final quality pass before shipping to catch detail issues that separate good UI from great product quality.

How do I ensure color contrast and accessibility compliance across responsive breakpoints?▼

Ensure color contrast and accessibility compliance by validating design tokens and interaction states across all breakpoints. A methodical polish workflow checks color contrast, respects reduced motion preferences, and ensures no missing states or errors.

Does this final polish workflow handle interaction states and reduced motion preferences?▼

Yes, the final polish workflow explicitly handles interaction states and reduced motion preferences. It validates robust edge-case handling, enforces design-token consistency, and leaves no missing states, ensuring accessible UI component behavior.

What's the best way to catch copy inconsistencies and visual glitches before release?▼

The best way to catch copy inconsistencies and visual glitches is instructing an AI to perform a comprehensive polish audit. This applies token validation, typography checks, and alignment corrections across layouts and UI components.

Related Skills

Explore More Design & Creative Skills→
kubermatickubermatic
1

polish

Identify and address UI polish gaps across alignment, spacing, typography, color, and interaction states.

Official
Advanced
Higashi-KotaHigashi-Kota

ui-component

Build accessible React UI components with design tokens and ARIA patterns.

Community
Advanced
jac007xjac007x

design-system-validator

Audit Walmart design-system compliance across tokens, components, and spacing.

Community
Advanced
SuperCorksSuperCorks

frontend-design

Enforce typography, spacing, color contrast, and interaction states in frontend UI design workflows.

Community
Basic