skills.rest
effiemincer
effiemincerCOMMUNITY
Explore all skills by this author →
GitHub

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
One-click install
npx skills add https://github.com/effiemincer/contract-review-pipeline --skill polish-effiemincer
Or copy as Structured Prompt for Agent▼
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.

Related Skills

Explore More Design & Creative Skills→
Kael-DeanKael-Dean

polish

Correct visual alignment, spacing, and detailing across UI elements.

Community
Advanced
pillippillip
11

uiux

Generates UI/UX design system, wireframes, and HTML prototype from kickoff outputs.

Community
Advanced
AskTinNguyenAskTinNguyen

polish

Fix alignment, spacing, typography, color contrast, and copy inconsistencies across UI components.

Community
Advanced
jasonkneenjasonkneen
471

polish

Review software interfaces for alignment, spacing, typography, color, and interaction states.

Community
Advanced