polish

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

Updated Aug 27, 2026
One-click install
npx skills add https://github.com/BilsoNyuMNAM/hypertrophy-project --skill polish-bilsonyumnam
Or copy as Structured Prompt for Agent
Please help me install this Agent Skill.
Skill: polish
Source: https://github.com/BilsoNyuMNAM/hypertrophy-project/tree/main/.gemini/skills/polish
Command: npx skills add https://github.com/BilsoNyuMNAM/hypertrophy-project --skill polish-bilsonyumnam

SYSTEM DOCUMENTATION & REQUIREMENTS

What problem does it solve?

Polish is the final quality pass to fix alignment, spacing, consistency, and detail issues that separate good work from great work, ensuring shipped products feel deliberate and polished.

Core Features & Use Cases

  • Visual Alignment & Spacing: Pixel-perfect alignment, consistent spacing, responsive consistency, and grid adherence.
  • Typography Refinement: Consistent hierarchy, line length, line height, widows/orphans, and kerning.
  • Color & Contrast: WCAG-compliant contrast, token usage, theme consistency, and focus indicators.
  • Interaction States & Transitions: Full set of states (default, hover, focus, active, disabled, loading, error, success) with smooth motion.
  • Copy, Icons & Accessibility: Consistent terminology, punctuation, and accessible alt text for images.

Quick Start

Use the polish skill to perform a meticulous final pass on the current build, validating alignment, typography, color contrast, and all interaction states.

Frequently Asked Questions about polish

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

FAQPage Schema
What is UI polish and what does a final design quality pass include?

UI polish is the final quality pass that audits alignment, spacing, typography, color contrast, and interaction states across responsive layouts. It enforces accessibility, performance, and visual consistency criteria to ensure shipping-ready design.

How do I audit UI details for visual consistency and accessibility before shipping?

You audit UI details using a checklist-driven process that validates WCAG-compliant color contrast, token usage, consistent spacing, and full interaction states including default, hover, focus, active, disabled, loading, error, and success.

What's the best way to fix typography hierarchy, line height, and spacing inconsistencies?

The best way to fix typography and spacing inconsistencies is a refinement pass that checks consistent hierarchy, line length, line height, widows, orphans, kerning, and pixel-perfect grid adherence across responsive layouts.

Does this checklist-driven approach verify all interaction states and transitions?

Yes, the checklist-driven approach verifies a full set of interaction states including default, hover, focus, active, disabled, loading, error, and success, ensuring smooth motion and theme consistency across the responsive design.

Can I check WCAG color contrast and focus indicators using a final design audit?

Yes, a final design audit checks WCAG-compliant contrast, token usage, theme consistency, and visible focus indicators. It also validates copy terminology, punctuation, and accessible alt text for images.

When should I not use a final polish pass for visual alignment?

You should not use a final polish pass when core structural layouts or responsive grid frameworks are still unresolved, as this process targets detail refinement rather than foundational layout architecture.