polish

Audit UI alignment, typography, interaction states, and accessibility for design-system conformance.

Updated Mar 16, 2026

Search Tags:#typography #ui #consistency #alignment #polish #visual-design #copy

Ready to run

npx skills add https://github.com/effiemincer/contract-review-pipeline --skill polish-effiemincer

💬 Prompt for ChatGPT / Claude Chat▼

Please help me install this Agent Skill.
Skill: polish
Source: https://github.com/effiemincer/contract-review-pipeline/tree/main/.agents/skills/polish
Command: npx skills add https://github.com/effiemincer/contract-review-pipeline --skill polish-effiemincer

SYSTEM DOCUMENTATION & REQUIREMENTS

What problem does it solve?

This skill ensures a meticulous final polish before shipping, fixing visual alignment, spacing, typography, copy, and interaction gaps that separate good from great products.

Core Features & Use Cases

Visual Alignment & Spacing audits across breakpoints to enforce grid-consistent layouts
Typography & Copy refinement to maintain hierarchy, grammar, and tone
Interaction state verification (hover, focus, active, disabled) for a polished UX
Use Case: finalize a UI component library before release by addressing spacing, typography, and copy inconsistencies.

Quick Start

Run a comprehensive polish pass on the current UI and documentation to ensure everything aligns with the design system before shipping

Frequently Asked Questions about polish

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

FAQPage Schema

What is a UI polish pass and when do I need it?▼

A UI polish pass is a final pre-shipping review that corrects visual alignment, spacing, typography, and copy inconsistencies. You need it when finalizing components or pages to enforce grid-consistent layouts and ensure a shipping-ready result.

How do I fix visual alignment and spacing inconsistencies across breakpoints?▼

To fix visual alignment and spacing inconsistencies across breakpoints, run a comprehensive polish pass that audits your layouts against the grid. This enforces spacing consistency and validates design-system conformance before release.

Can I use a polish pass to check interaction states like hover and focus?▼

Yes, a polish pass includes interaction state verification for hover, focus, active, and disabled states. This ensures a polished UX by confirming that all interaction gaps are addressed before shipping.

What's the best way to ensure typography and copy consistency in a component library?▼

The best way to ensure typography and copy consistency is to run a refinement pass that maintains visual hierarchy, grammar, and tone. This validates conformance across components, pages, and documentation.

Does a final polish pass cover documentation and design-system conformance?▼

Yes, the polish pass covers documentation and design-system conformance. It runs across components, pages, and docs to validate that typography, copy, and visual alignment meet design-system standards before shipping.

Why do my UI components look inconsistent before shipping?▼

UI components look inconsistent before shipping due to unresolved visual alignment, spacing, typography, copy, and interaction gaps. A final polish pass corrects these details to bridge the gap between good and great products.