polish

Perform a final polish pass on UI alignment, typography, contrast, and accessibility.

Updated Mar 13, 2026

Search Tags:#design #ui #consistency #accessibility #quality #alignment #polish

Ready to run

npx skills add https://github.com/hossain-khan/hk-vision-slideshow --skill polish-hossain-khan

💬 Prompt for ChatGPT / Claude Chat▼

Please help me install this Agent Skill.
Skill: polish
Source: https://github.com/hossain-khan/hk-vision-slideshow/tree/main/.agents/skills/polish
Command: npx skills add https://github.com/hossain-khan/hk-vision-slideshow --skill polish-hossain-khan

SYSTEM DOCUMENTATION & REQUIREMENTS

What problem does it solve?

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

Core Features & Use Cases

Systematic polish: Addresses visual alignment, typography, color contrast, interaction states, and copy consistency to prepare features for release.
Quality gate: Identifies TODOs, edge cases, and loading/transition smoothness for a production-ready product.
Use Case: Before shipping a feature, run this polish to ensure pixel-perfect alignment and accessible UI.

Quick Start

Execute a final polish pass on the current UI build to ensure alignment, spacing, and detail consistency.

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 on my front-end UI before shipping?▼

A final UI polish pass systematically addresses visual alignment, typography, color contrast, interaction states, and copy consistency to fix detail issues and ensure a production-ready, ship-ready product.

What is included in a systematic UI polish workflow for feature release?▼

A systematic UI polish workflow includes refining visual alignment, spacing, color contrast, interaction states, and edge cases, while identifying leftover TODOs to ensure layout alignment and accessible UI quality.

How do I check my UI for accessibility refinements and color contrast before release?▼

Checking accessibility refinements involves applying a final polish pass to evaluate color contrast, interaction states, and visual alignment, ensuring your front-end UI meets production-ready accessible UI standards.

When do I need to run a quality gate check for layout alignment and edge cases?▼

You need to run a quality gate check before shipping a feature to identify unresolved TODOs, verify loading and transition smoothness, and catch edge cases affecting layout alignment and copy consistency.

Can I use this polish pass to fix interaction states and loading transition smoothness?▼

Yes, the polish pass specifically targets interaction states and loading or transition smoothness, applying systematic refinements to front-end UI details to achieve a pristine, ship-ready product quality.

Does a final polish pass address copy consistency alongside visual alignment?▼

Yes, a final polish pass addresses copy consistency alongside visual alignment, typography, and color contrast, applying a comprehensive workflow to separate good product quality from great ship-ready results.