polish

Reviews and fixes alignment, spacing, interaction states, and consistency issues in frontend UI before shipping.

Updated Mar 4, 2026
One-click install
npx skills add https://github.com/gmolike/Claude-Template --skill polish-gmolike
Or copy as Structured Prompt for Agent
Please help me install this Agent Skill.
Skill: polish
Source: https://github.com/gmolike/Claude-Template/tree/main/.agents/skills/polish
Command: npx skills add https://github.com/gmolike/Claude-Template --skill polish-gmolike

SYSTEM DOCUMENTATION & REQUIREMENTS

What problem does it solve? Finished features often ship with small visual and interaction defects—misaligned elements, inconsistent spacing, missing hover or focus states, and rough copy—that erode perceived quality. This Skill performs a systematic final quality pass to catch and fix those details before release. ## Core Features & Use Cases - Systematic UI audit: Walks through alignment, spacing, typography, color contrast, icons, forms, and responsiveness against a structured checklist. - Interaction state coverage: Verifies every interactive element has default, hover, focus, active, disabled, loading, error, and success states. - Code hygiene cleanup: Removes console logs, dead code, unused imports, and TypeScript any usage before shipping. - Use Case: Before releasing a new settings page, run the polish pass to catch a missing focus indicator, a 13px off-grid gap, and an unhandled empty state, then fix them consistently. ## Quick Start Ask the AI to run the polish skill on the feature or page you are about to ship, optionally naming the target area to review.

Frequently Asked Questions about polish

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

FAQPage Schema
How do I do a final UI quality check before shipping a feature?

Run a structured polish pass covering alignment, spacing tokens, typography hierarchy, all interaction states, and error/loading/empty states. Verify contrast ratios meet WCAG AA, keyboard navigation works, and no console errors remain before release.

What interaction states should every button or input have?

Every interactive element needs default, hover, focus, active, disabled, loading, error, and success states. Missing states create confusion, and focus indicators must never be removed without a visible replacement.

When should I not run a UI polish pass?

Do not polish work that is not functionally complete, since polish is the last step. Also triage when shipping imminently—fix systematic issues like broken spacing scales rather than perfecting isolated details.

What animation properties keep UI transitions at 60fps?

Animate only transform and opacity to avoid layout thrashing and jank. Use 150-300ms durations with ease-out curves, avoid bounce or elastic easing, and respect the prefers-reduced-motion setting.

Does the polish skill work with responsive mobile layouts?

Yes, it checks all breakpoints for alignment, enforces 44x44px minimum touch targets, keeps text at 14px or larger on mobile, and verifies content reflows without horizontal scrolling.