skills.rest
yckkkk
yckkkkCOMMUNITY
Explore all skills by this author →
GitHub

polish

Inspect UI components for alignment, spacing, typography, and interaction states.

1|Updated May 6, 2026
Search Tags:#consistency#accessibility#ui-design#design-system#polish#visual-quality
One-click install
npx skills add https://github.com/yckkkk/reo --skill polish-yckkkk
Or copy as Structured Prompt for Agent▼
Please help me install this Agent Skill.
Skill: polish
Source: https://github.com/yckkkk/reo/tree/main/.agents/skills/polish
Command: npx skills add https://github.com/yckkkk/reo --skill polish-yckkkk

SYSTEM DOCUMENTATION & REQUIREMENTS

What problem does it solve?

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

Core Features & Use Cases

  • Pixel-perfect alignment, consistent spacing, and optical adjustments across breakpoints.
  • Typography refinement and copy polishing to maintain a clear hierarchy and punctuation consistency.
  • Comprehensive state coverage for interactive elements, including default, hover, focus, active, loading, and error states.

Quick Start

Apply the polish pass by inspecting visuals, typography, and interaction states to ensure a release-ready UI.

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 for pixel-perfect UI components?▼

A final polish pass validates alignment, spacing, typography, and copy across breakpoints to ensure pixel-perfect UI. It inspects visual quality and interaction states to confirm release readiness before shipping.

What is included in interaction state coverage for a UI design system?▼

Interaction state coverage validates default, hover, focus, active, loading, and error states for UI components. It ensures consistent visual quality and accessibility across all interactive elements within the design system.

How do I fix spacing and typography consistency across multiple breakpoints?▼

Fix spacing and typography consistency by applying optical adjustments and validating hierarchy across multiple breakpoints. This polish process maintains clear visual alignment and punctuation consistency for responsive UI.

Can I use a UI polish pass to check accessibility and visual quality before release?▼

Yes, a UI polish pass checks accessibility considerations alongside visual quality before release. It aligns interaction states and validates spacing to confirm that completed features are release-ready.

What's the best way to align visual quality with an existing design system?▼

The best way to align visual quality is applying a final polish pass scoped across your design system. This validates typography, spacing, and interaction states to maintain consistency across multiple themes and breakpoints.

Related Skills

Explore More Design & Creative Skills→
effiemincereffiemincer

polish

Audit UI alignment, typography, interaction states, and accessibility for design-system conformance.

Community
Advanced
bklitbklit
1.5k

bklit-ship

Guide bklit-ui contributors through production shipping checklists for Studio-validated charts.

Official
Advanced
secondskysecondsky
204

mobile-first-design

Design responsive interfaces from mobile-first CSS with breakpoints at 768px and 1024px.

Community
Intermediate
hffmnnjhffmnnj
39

visual-regression

Compare screenshots pixel-by-pixel to detect unintended UI changes.

Community
Intermediate