What problem does it solve? Frontend work often ships with small visual and interaction defects—misaligned elements, inconsistent spacing, missing hover or focus states, and uneven copy—that degrade perceived quality. This Skill provides a systematic final-pass checklist to catch and fix those details before release. ## 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: Covers empty states, long content, touch targets, reduced motion, console logs, dead code, and accessibility. - Use Case: Before shipping a new checkout page, run a polish pass to confirm spacing uses design tokens, all buttons have loading states, contrast meets WCAG AA, and no layout shift occurs on load. ## Quick Start Ask the AI to run a final polish pass on the current feature, checking alignment, interaction states, and accessibility before shipping.
