What is the Polish skill used for?

It is used for a final quality pass on frontend features to ensure visual consistency, accessibility, and high-quality interactions before shipping.

When should I use the Polish skill?

This skill should be used once a feature is functionally complete but needs fine-tuning to meet professional design standards.

Does it handle accessibility?

Yes, it includes checks for WCAG contrast ratios, keyboard navigation, focus indicators, and semantic HTML structure.

How does it handle CSS and layout?

It enforces the use of design tokens, checks for pixel-perfect alignment, ensures consistent spacing scales, and optimizes for responsiveness across breakpoints.

Impeccable Design Polish

Name: Impeccable Design Polish
Author: Moliboy5000

byMoliboy5000

0•

Herramientas de Diseño

Refines frontend implementations with meticulous attention to detail, ensuring pixel-perfect alignment, consistent spacing, and polished interactions.

This skill provides a systematic framework for the final quality pass of a feature or product, elevating it from functional to flagship quality. It guides Claude through a rigorous checklist covering visual alignment, typography refinement, color accessibility, interaction states, and performance optimization. By enforcing design tokens, WCAG standards, and smooth transitions, it ensures that the final output is professional, accessible, and free of the minor inconsistencies that often plague rapid development cycles.

Características Principales

010 GitHub stars

02Typography refinement including hierarchy, line-height, and widow prevention.

03Systematic visual alignment and spacing verification using design tokens.

04Accessibility and WCAG contrast ratio auditing for all UI elements.

05Performance cleanup focusing on layout shift prevention and code quality.

06Comprehensive interaction state mapping for hover, focus, active, and loading states.

Casos de Uso

01Performing a final quality pass on a new UI component before merging into production.

02Optimizing mobile responsiveness and touch-targets for a flagship product feature.

03Conducting a comprehensive design audit on existing pages to improve consistency.

What are Skills?·How to Install

Install with 🐟 Skill.Fish

npx skillfish add moliboy5000/.claude polish

For use in Claude.ai and ChatGPT