Can it fix accessibility issues?

Yes, it audits contrast ratios, ARIA labels, semantic HTML, and focus indicators to ensure compliance with WCAG standards.

When should I use the Polish skill?

Use it as the final step after a feature is functionally complete to fix visual inconsistencies, alignment, and interaction states before shipping.

Does it require an existing design system?

It works best with a design system, but if none is found, it will polish against the existing conventions and patterns visible in your codebase.

How does it handle animations and transitions?

It ensures transitions are smooth (60fps), uses appropriate easing patterns, and respects user preferences like prefers-reduced-motion.

Does it modify my code automatically?

Yes, it identifies drift from design tokens and replaces hard-coded values with consistent system variables to ensure long-term maintainability.

UI Design Polish

Name: UI Design Polish
Author: pbakaus

bypbakaus

•

18,680

•

디자인 도구

Refines frontend interfaces by fixing alignment, spacing, typography, and micro-interactions for a production-ready finish.

The Polish skill acts as an automated design critic and quality assurance engineer, performing a meticulous final pass on UI components before they ship. It systematically audits visual alignment, spacing scales, typographic hierarchy, and interaction states to ensure every element adheres to existing design systems or established codebase conventions. Ideal for moving a feature from 'functional' to 'flagship' quality, it catches the subtle micro-details—such as optical alignment, contrast ratios, and loading states—that separate average work from impeccable user experiences.

주요 기능

01Automated visual alignment and spacing audits against design tokens

02Comprehensive interaction state review for hover, focus, active, and disabled states

03Typography refinement including hierarchy, line length, and kerning

04Accessibility checks for WCAG contrast, tab order, and semantic HTML

05Performance optimization for smooth 60fps transitions and layout stability

0618,680 GitHub stars

사용 사례

01Conducting a pre-launch review of a new feature to ensure pixel-perfection

02Aligning legacy UI components with a newly introduced design system

03Fixing visual jank and inconsistent spacing in complex responsive forms

What are Skills?·How to Install

Install with 🐟 Skill.Fish

npx skillfish add pbakaus/impeccable polish

For use in Claude.ai and ChatGPT