polish

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

Updated Jul 7, 2026
One-click install
npx skills add https://github.com/jamsdoescode/Erik-s-Portfolio --skill polish-jamsdoescode
Or copy as Structured Prompt for Agent
Please help me install this Agent Skill.
Skill: polish
Source: https://github.com/jamsdoescode/Erik-s-Portfolio/tree/main/openclicky/AppResources/OpenClicky/OpenClickyBundledSkills/polish
Command: npx skills add https://github.com/jamsdoescode/Erik-s-Portfolio --skill polish-jamsdoescode

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 hard-coded values that drift from the design system. This Skill performs a systematic final quality pass to catch those details before launch. ## Core Features & Use Cases - Systematic UI Review: Works through alignment, spacing, typography, color contrast, interaction states, transitions, copy, icons, forms, and responsiveness using a structured checklist. - Design System Alignment: Detects drift from design tokens and shared components, replacing hard-coded values and one-off implementations with system equivalents. - Accessibility & Edge Cases: Verifies WCAG contrast ratios, keyboard navigation, focus indicators, touch target sizes, loading/empty/error states, and reduced-motion support. - Use Case: Before shipping a new settings page, run a polish pass to fix a 13px gap that should use the spacing scale, add missing focus rings, and replace a custom button with the design system component. ## Quick Start Polish the checkout flow UI and fix any alignment, spacing, and interaction state issues before release.

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 launch?

Run a systematic pass over alignment, spacing, typography, color contrast, interaction states, and responsiveness. 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 pre-launch UI review checklist include?

Cover pixel alignment to grid, spacing from design tokens, consistent typography hierarchy, WCAG AA contrast, visible focus indicators, 44x44px touch targets, smooth 60fps transitions, helpful empty and error states, and clean code without console logs or dead code.

When should I not polish a feature?

Do not polish work that is not functionally complete, since polish is the last step. Also triage effort against the deadline—if it ships in 30 minutes, focus only on critical issues rather than hours of refinement.

How do I fix design system drift in a feature?

Identify hard-coded values that should be tokens, custom components duplicating shared ones, and spacing off the scale. Replace one-off implementations with design system components and consolidate any new values into tokens.

Does polishing cover accessibility requirements?

Yes. The pass checks WCAG contrast ratios, keyboard navigation and tab order, visible focus indicators, proper ARIA labels and semantic HTML, alt text on images, and respect for the prefers-reduced-motion setting.