polish

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

Updated Apr 4, 2026
One-click install
npx skills add https://github.com/AkaraChen/proxy-up --skill polish-akarachen
Or copy as Structured Prompt for Agent▼
Please help me install this Agent Skill.
Skill: polish
Source: https://github.com/AkaraChen/proxy-up/tree/main/.agents/skills/polish
Command: npx skills add https://github.com/AkaraChen/proxy-up --skill polish-akarachen

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 copy inconsistencies—that make work feel unrefined. This Skill provides a systematic final quality pass to catch and fix those details before launch. ## Core Features & Use Cases - Systematic Visual Review: Checks alignment, spacing tokens, typography hierarchy, color contrast, and theme consistency across breakpoints. - Interaction State Coverage: Verifies every interactive element has default, hover, focus, active, disabled, loading, error, and success states. - Edge Case & Code Hygiene Audit: Reviews empty states, error messages, responsiveness, performance, accessibility, and removes debug code. - Use Case: Before launching a new settings page, run a polish pass to catch a missing focus indicator, a 13px off-grid gap, and an unhandled empty state. ## Quick Start Ask the assistant to run a polish pass on the current feature or page before shipping it.

Frequently Asked Questions about polish

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

FAQPage Schema
How do I polish a UI before shipping?▼

Run a systematic final pass covering alignment, spacing tokens, typography, interaction states, copy, and edge cases. Verify every interactive element has hover, focus, active, disabled, loading, and error states, then test at multiple breakpoints and on real devices.

What should a frontend pre-launch checklist include?▼

Include visual alignment at all breakpoints, consistent design token usage, WCAG AA contrast ratios, visible focus indicators, 44x44px touch targets, smooth 60fps transitions, helpful empty and error states, and clean code with no console logs or dead code.

When should I not run a polish pass?▼

Do not polish work that is not functionally complete, since polish is the last step before shipping. Also triage when time is short—if a feature ships in 30 minutes, prioritize critical issues over pixel-perfect refinement.

Why does my UI feel off even though everything works?▼

The cause is usually accumulated micro-details: off-grid spacing, inconsistent typography hierarchy, missing hover or focus states, or hard-coded colors instead of design tokens. A systematic polish pass identifies and fixes these small inconsistencies.

Does the polish skill handle accessibility issues?▼

Yes, it checks WCAG contrast ratios, keyboard navigation, visible focus indicators, ARIA labels, semantic HTML, alt text on images, and respect for the prefers-reduced-motion setting as part of its standard checklist.