polish

Polish UI alignment, spacing, and micro-details before shipping.

Updated Apr 18, 2026
One-click install
npx skills add https://github.com/rattamnoon/our-third-story --skill polish-rattamnoon
Or copy as Structured Prompt for Agent
Please help me install this Agent Skill.
Skill: polish
Source: https://github.com/rattamnoon/our-third-story/tree/main/.agents/skills/polish
Command: npx skills add https://github.com/rattamnoon/our-third-story --skill polish-rattamnoon

SYSTEM DOCUMENTATION & REQUIREMENTS

What problem does it solve?

Performs a meticulous final polish to fix alignment, spacing, consistency, and micro-detail issues before shipping. This ensures visual quality and alignment with the design system, reducing post-launch polish.

Core Features & Use Cases

  • Pixel-perfect alignment and spacing adjustments across components and layouts.
  • Typography, color contrast, focus states, and motion consistency verification.
  • Use Case: apply a final polish pass after development to ensure a launch-ready, design-system-aligned UI.

Quick Start

Provide a final polish pass on the current UI to align spacing, typography, and micro-interactions with the design system.

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 UI polish pass to fix alignment and spacing before shipping?

To perform a final UI polish pass, apply a comprehensive checklist that fixes pixel-perfect alignment, spacing adjustments across layouts, typography, color contrast, focus states, and consistent motion timing to ensure a launch-ready interface.

What is UI polish and when do I need to verify design-system consistency?

UI polish is the meticulous final review of product interfaces to fix micro-detail issues across web and mobile. You need it to ensure visual quality, verify design-token usage, and achieve a flawless, launch-ready finish before release.

Can I use a polish checklist to verify accessible focus indicators and color contrast?

Yes, a polish checklist verifies accessible focus indicators, color contrast, typography, and motion consistency. It ensures your UI meets a11y requirements and aligns with the design system across both web and mobile platforms.

Does UI polish work for both web and mobile product interfaces?

Yes, UI polish applies to final reviews of product interfaces across both web and mobile. It addresses layout grids, typography, color contrast, focus states, and motion consistency to ensure visual quality on all platforms.

What's the best way to ensure pixel-perfect alignment and design-token usage before launch?

The best way to ensure pixel-perfect alignment and design-token usage is to apply a final polish pass after development. This meticulous review fixes spacing, layout grids, and micro-details to align your UI with the design system.

Why does my UI still look inconsistent after development?

Your UI looks inconsistent because it requires a final polish pass to fix alignment, spacing, and micro-details. Applying a comprehensive polish checklist verifies design-token usage, accessible focus indicators, and consistent motion timing.