polish

Fix spacing, alignment, typography, and visual consistency in UI deliverables.

Updated Apr 11, 2026
One-click install
npx skills add https://github.com/AceCandy/ui-skill-visual-compare --skill polish-acecandy
Or copy as Structured Prompt for Agent
Please help me install this Agent Skill.
Skill: polish
Source: https://github.com/AceCandy/ui-skill-visual-compare/tree/main/.claude/skills/impeccable/skills/polish
Command: npx skills add https://github.com/AceCandy/ui-skill-visual-compare --skill polish-acecandy

SYSTEM DOCUMENTATION & REQUIREMENTS

What problem does it solve?

This Skill performs a meticulous final quality pass on UI work, catching the small alignment, spacing, consistency, and interaction issues that keep a finished experience from feeling truly ready.

Core Features & Use Cases

  • Visual refinement: Tightens spacing, alignment, and optical balance so screens feel intentional and consistent.
  • Interaction completeness: Checks hover, focus, active, loading, error, and empty states so the experience behaves smoothly in real use.
  • Design-system alignment: Finds drift from established tokens, components, typography, and motion patterns before release.
  • Use case: A product team can use this Skill during a pre-launch review to clean up a dashboard, verify responsive behavior, and remove copy or style inconsistencies.

Quick Start

Polish the selected UI against the existing design system and fix any spacing, typography, state, and copy issues before shipping.

Frequently Asked Questions about polish

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

FAQPage Schema
How do I fix UI spacing and alignment issues before shipping a product screen?

Fix UI spacing and alignment issues by running a meticulous final quality pass that tightens optical balance, verifies interaction states, and aligns typography with your design system. This catches small visual consistency defects before release.

What is the best way to check interaction states for design-system alignment in a component library?

Checking interaction states for design-system alignment involves reviewing hover, focus, active, loading, error, and empty states to ensure smooth transitions and complete behavioral consistency. This process removes style drift across established tokens and motion patterns.

How do I ensure visual consistency and accessible contrast across responsive layouts?

Ensure visual consistency and accessible contrast across responsive layouts by applying a late-stage quality pass that verifies spacing, typography, and interaction completeness. This validates that all screen variations meet accessibility standards and design-token rules.

Can I use this for a pre-launch design review of a dashboard?

Yes, you can use this for a pre-launch design review of a dashboard. It cleans up copy and style inconsistencies, verifies responsive behavior, and removes small defects so the finished experience feels intentional and truly ready to ship.

When do I need a UI polish pass for my deliverables?

You need a UI polish pass for your deliverables when late-stage product screens or component libraries have unresolved spacing, typography, or interaction issues. It catches alignment drift and missing states that prevent an experience from feeling complete.

Why does my UI feel inconsistent even after applying design tokens?

Your UI feels inconsistent after applying design tokens due to unresolved optical balance, incomplete interaction states, or copy style drift. A final polish pass catches these small alignment and transition defects that keep finished screens from feeling ready.