polish

Reviews and fixes alignment, spacing, consistency, and interaction details in UI code before shipping.

Updated Apr 16, 2026
One-click install
npx skills add https://github.com/IkeaNorweegway/Classroom-Tools --skill polish-ikeanorweegway
Or copy as Structured Prompt for Agent
Please help me install this Agent Skill.
Skill: polish
Source: https://github.com/IkeaNorweegway/Classroom-Tools/tree/main/.claude/skills/polish
Command: npx skills add https://github.com/IkeaNorweegway/Classroom-Tools --skill polish-ikeanorweegway

SYSTEM DOCUMENTATION & REQUIREMENTS

What problem does it solve? Finished features often ship with small visual and interaction defects—misaligned elements, inconsistent spacing, missing hover states, hard-coded colors—that erode perceived quality. This Skill performs a systematic final quality pass to catch and fix those micro-detail issues before release. ## Core Features & Use Cases - Systematic Design Review: Works through alignment, typography, color tokens, interaction states, transitions, copy, icons, forms, and responsiveness using a structured checklist. - Design System Alignment: Detects drift from existing design systems, replacing hard-coded values with tokens and custom components with shared ones. - Accessibility & Performance Checks: Verifies WCAG contrast ratios, keyboard navigation, focus indicators, reduced-motion support, and layout stability. - Use Case: Before launching a new settings page, run a polish pass to fix inconsistent spacing, add missing loading and error states, and align all colors with the design token system. ## Quick Start Ask the AI to polish the target feature or page, for example: run a final polish pass on the checkout flow 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 tokens, interaction states, and responsiveness using a structured checklist. Verify every interactive element has hover, focus, active, disabled, loading, and error states, then test on real devices at multiple breakpoints.

What should a pre-launch design review checklist include?

Include visual alignment at all breakpoints, consistent spacing tokens, typography hierarchy, all interaction states, smooth 60fps transitions, WCAG AA contrast, keyboard navigation, visible focus indicators, touch targets of at least 44x44px, 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 before shipping. Also triage when time is short—if a feature ships in 30 minutes, prioritize critical issues rather than spending hours on micro-details.

How do I align a feature with an existing design system?

First locate the design system documentation, tokens, and shared components, then identify drift such as hard-coded colors, off-scale spacing, or duplicated components. Replace custom implementations with shared components and convert hard-coded values to design tokens.

Why does my UI feel off even though it works?

Small inconsistencies accumulate: random spacing values, missing hover states, inconsistent capitalization, or misaligned icons. A systematic polish pass checking each dimension—spacing scale, optical alignment, state coverage, and copy consistency—usually reveals the culprits.