skills.rest
oriys
oriysCOMMUNITY
Explore all skills by this author →
GitHub

polish

Polish UI alignment, spacing, typography, color contrast, and interaction states.

Updated Mar 6, 2026
Search Tags:#typography#accessibility#ui-design#polish#visual-consistency#design-tokens
One-click install
npx skills add https://github.com/oriys/domino --skill polish-oriys
Or copy as Structured Prompt for Agent▼
Please help me install this Agent Skill.
Skill: polish
Source: https://github.com/oriys/domino/tree/main/.agents/skills/polish
Command: npx skills add https://github.com/oriys/domino --skill polish-oriys

SYSTEM DOCUMENTATION & REQUIREMENTS

What problem does it solve?

Polishing provides a structured, meticulous final pass to fix alignment, spacing, consistency, typography, color contrast, and interaction details that separate good work from truly polished experiences.

Core Features & Use Cases

  • Systematically correct visual alignment, spacing, and grid fidelity across breakpoints
  • Refine typography, ensure consistent hierarchy, line length, line height, and accessibility considerations
  • Harden color contrast and token usage for design system alignment
  • Finalize interaction states across default, hover, focus, active, loading, error, and success
  • Polish copy and edge-case handling to ensure clarity and consistency across screens and devices
  • Validate responsive behavior and performance considerations as part of a ship-ready release

Quick Start

Run a systematic polish pass to fix alignment, spacing, typography, color contrast, and interaction states across the feature.

Frequently Asked Questions about polish

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

FAQPage Schema
How do I polish UI design for ship-ready quality before release?▼

To polish UI design for ship-ready quality, systematically correct visual alignment, spacing, typography, color contrast, and interaction states across breakpoints while ensuring accessibility and design-token consistency.

What is the best way to ensure visual consistency and accessibility across breakpoints?▼

Ensuring visual consistency and accessibility requires hardening color contrast, validating design-token usage, and refining typography hierarchy, line length, and line height across all responsive breakpoints.

How do I finalize interaction states and error handling for a polished UI?▼

Finalizing interaction states involves defining default, hover, focus, active, loading, error, and success behaviors, while polishing copy and edge-case handling to guarantee functional completeness and clarity.

Can I use design tokens to harden color contrast and typography hierarchy?▼

Yes, you can use design tokens to harden color contrast and enforce typography hierarchy, aligning visual output with design system standards for a consistent, accessible user experience.

Why does my UI feel unpolished despite passing functional completeness checks?▼

A UI feels unpolished when alignment, spacing, grid fidelity, and interaction details are overlooked, making a systematic final polish pass essential to elevate good work into a truly polished experience.

Related Skills

Explore More Design & Creative Skills→
kireevkit15-syskireevkit15-sys

polish

Polish frontend UI details for alignment, spacing, consistency, and accessibility.

Community
Advanced
NweremizuNweremizu

polish

Review UI and code for spacing, typography, interaction states, and accessibility.

Community
Advanced
eboodyeboody

ui-expert

Audit UI designs for visual hierarchy, spacing, typography, and design-system consistency.

Community
Advanced
nholder88nholder88
2

ui-ux-review

Evaluate frontend UI against design-system rules for consistency and accessibility.

Community
Advanced