Does it require any specific design frameworks?

No, it works across various frameworks but is most effective when it can reference your existing design tokens and the frontend-design skill context.

Does the Polish skill help with web accessibility?

Yes, it specifically checks for WCAG contrast ratios, focus indicators, aria-labels, and touch target sizes to ensure your interface is inclusive and compliant.

Can this skill fix layout issues on mobile devices?

Absolutely. Part of the polish process involves checking responsiveness at all breakpoints to ensure there is no horizontal scrolling or cramped typography on smaller screens.

Will it modify my code automatically?

The skill identifies areas for improvement and suggests specific refinements to CSS, HTML, and interaction logic which you can then apply to reach a high-quality finish.

When is the best time to run the Polish skill?

The Polish skill is designed to be the final step in your workflow. You should run it only after a feature is functionally complete to avoid wasting time on polishing code that may still change.

Impeccable UI Polish

Name: Impeccable UI Polish
Author: devadalberto

bydevadalberto

0•

Herramientas de Diseño

Conducts a meticulous final quality pass to refine UI alignment, spacing, typography, and interaction states before shipping.

The Impeccable Polish skill is a specialized tool designed for the final stages of the development lifecycle, ensuring that code and interfaces meet a flagship quality bar. It systematically reviews frontend implementations for pixel-perfect alignment, typography hierarchy, accessibility compliance, and smooth micro-interactions. By moving beyond functional completeness, this skill helps developers eliminate visual jank, fix subtle inconsistencies, and deliver a professional, high-end user experience that separates great software from merely good work.

Características Principales

01Comprehensive interaction state auditing (hover, focus, active, loading, disabled)

020 GitHub stars

03WCAG-compliant color contrast and accessible focus indicator checks

04Typography refinement including hierarchy, line heights, and widow/orphan control

05Pixel-perfect visual alignment and spacing scale verification

06Smooth 60fps micro-interaction and transition optimization

Casos de Uso

01Standardizing UI components to adhere strictly to a design system or grid

02Performing a final design audit before a production release or major demo

03Enhancing accessibility and keyboard navigation across complex web forms

Características Principales

01Comprehensive interaction state auditing (hover, focus, active, loading, disabled)

020 GitHub stars

03WCAG-compliant color contrast and accessible focus indicator checks

04Typography refinement including hierarchy, line heights, and widow/orphan control

05Pixel-perfect visual alignment and spacing scale verification

06Smooth 60fps micro-interaction and transition optimization

Casos de Uso

01Standardizing UI components to adhere strictly to a design system or grid

02Performing a final design audit before a production release or major demo

03Enhancing accessibility and keyboard navigation across complex web forms