What problem does it solve?
This Skill closes the gap between functionally complete features and ship-ready user experiences by identifying and correcting alignment, spacing, interaction, accessibility, copy, and micro-detail issues that undermine perceived quality.
Core Features & Use Cases
- Pre-Polish Assessment: Evaluate completeness, quality bar (MVP vs flagship), shipping timeline, and known issues to avoid polishing incomplete work.
- Systematic Visual Audit: Enforce pixel alignment, consistent spacing tokens, optical alignment, typography hierarchy, and responsive grid adherence.
- Interaction & Motion: Verify all interaction states, smooth transitions at 60fps, consistent easing, and respects prefers-reduced-motion.
- Content & Accessibility: Standardize copy, capitalization, alt text, WCAG contrast, focus indicators, and keyboard navigation.
- Assets, Forms & Performance: Ensure icons/images sizing and retina support, labeled inputs and validation, optimized images, and no layout shift.
- Code Quality & Final Verification: Remove debug logs, commented dead code, enforce type safety, test on real devices, and run cross-browser checks.
- Use Case: Run as the last step before release to convert a functioning prototype into a polished, accessible, and production-ready feature.
Quick Start
Use the polish skill to perform a final quality pass focusing on alignment, spacing, interaction states, accessibility, and performance before marking a feature as done.
