polish

Audit UI spacing, alignment, typography, and interaction states before shipping.

Updated Mar 23, 2026
One-click install
npx skills add https://github.com/luyangliuable/claude-setup --skill polish-luyangliuable
Or copy as Structured Prompt for Agent
Please help me install this Agent Skill.
Skill: polish
Source: https://github.com/luyangliuable/claude-setup/tree/main/.agents/skills/polish
Command: npx skills add https://github.com/luyangliuable/claude-setup --skill polish-luyangliuable

SYSTEM DOCUMENTATION & REQUIREMENTS

What problem does it solve?

This Skill helps you perform a meticulous final quality pass so a feature looks polished, feels intentional, and avoids the small issues that make good work feel unfinished.

Core Features & Use Cases

  • Visual refinement: Tightens spacing, alignment, typography, color usage, and icon consistency.
  • Interaction completeness: Checks hover, focus, active, loading, error, and success states for gaps.
  • Quality review: Surfaces copy issues, accessibility problems, responsiveness gaps, and subtle UX rough edges.
  • Use Case: Before shipping a UI feature, use this Skill to audit the experience across breakpoints and interaction states, then fix the details that separate acceptable from excellent.

Quick Start

Use the polish skill to review this feature for spacing, alignment, interaction states, and copy consistency.

Frequently Asked Questions about polish

High-intent search queries and answers about installing and using this skill.

FAQPage Schema
How do I perform a final UI polish review before shipping a frontend feature?

A UI polish review checks spacing, alignment, typography, color usage, and icon consistency. It audits interaction completeness across hover, focus, active, loading, error, and success states, ensuring the feature looks intentional and avoids subtle UX rough edges.

What spacing and alignment issues make a good user interface feel unfinished?

Spacing and alignment issues like inconsistent padding, misaligned elements, and irregular typography hierarchies make interfaces feel unfinished. A meticulous polish review surfaces these visual refinement gaps alongside interaction state completeness and accessibility problems.

How do I check accessibility and responsiveness gaps across breakpoints in a design system?

Checking accessibility and responsiveness gaps requires auditing the experience across breakpoints and interaction states. This quality review surfaces copy issues, responsiveness gaps, and subtle UX rough edges that separate acceptable design systems from excellent ones.

Can I audit interaction states like hover, focus, and error conditions for product screens?

Auditing interaction states for product screens checks hover, focus, active, loading, error, and success states for gaps. This interaction completeness review ensures frontend features maintain production-ready code cleanliness and avoid subtle UX rough edges.

When do I need a meticulous polish review for frontend features and design systems?

You need a polish review for frontend features and design systems before shipping workflows. It performs a final quality pass to identify spacing, alignment, typography, and interaction-state issues, ensuring the work feels finished and flawless.