polish

Reviews and fixes alignment, spacing, interaction states, and consistency issues before shipping UI work.

Updated May 4, 2026
One-click install
npx skills add https://github.com/Gito125/gideon_portfolio --skill polish-gito125
Or copy as Structured Prompt for Agent▼
Please help me install this Agent Skill.
Skill: polish
Source: https://github.com/Gito125/gideon_portfolio/tree/main/.github/skills/polish
Command: npx skills add https://github.com/Gito125/gideon_portfolio --skill polish-gito125

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, hard-coded colors—that erode perceived quality. This Skill performs a systematic final quality pass to catch and fix those micro-detail issues before launch. ## Core Features & Use Cases - Systematic polish dimensions: Works through alignment, typography, color contrast, interaction states, transitions, copy, icons, forms, edge cases, responsiveness, performance, and code quality with an explicit checklist. - Design system alignment: Discovers existing design tokens and component conventions, then fixes drift such as hard-coded values or one-off components that duplicate shared ones. - Use Case: Before launching a new settings page, run the polish pass to verify all interactive states exist, spacing uses the design token scale, contrast meets WCAG AA, and no console logs or dead code remain. ## 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 contrast, interaction states, transitions, copy, forms, and responsiveness. Verify spacing uses design tokens, all interactive elements have hover/focus/active/disabled states, and contrast meets WCAG AA before shipping.

What should a pre-launch design review checklist include?▼

Include pixel-perfect alignment at all breakpoints, consistent token-based spacing, complete interaction states, smooth 60fps transitions, 44x44px touch targets, WCAG AA contrast, visible focus indicators, 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. Also triage when time is short—if a feature ships in 30 minutes, prioritize critical issues rather than hours of detail work.

How does polish work with an existing design system?▼

The pass first discovers the design system's tokens, spacing scale, and shared components, then fixes drift: hard-coded values become tokens, one-off components are replaced with shared equivalents, and spacing is aligned to the established scale.

Why do UI animations feel janky after polishing?▼

Jank usually comes from animating properties other than transform and opacity, or from transitions outside the 150-300ms range. Use ease-out curves, avoid bounce or elastic easing, and respect the prefers-reduced-motion setting.