skills.rest
pbakaus
pbakausCOMMUNITY
Explore all skills by this author →
Website𝕏@pbakausGitHub

polish

Automate final polish passes for alignment, spacing, typography, and copy consistency.

57.3k|3.5k|Updated Nov 16, 2025
Search Tags:#typography#accessibility#quality-assurance#spacing#polish#frontend-design#ui-consistency
One-click install
npx skills add https://github.com/pbakaus/impeccable --skill polish-pbakaus
Or copy as Structured Prompt for Agent▼
Please help me install this Agent Skill.
Skill: polish
Source: https://github.com/pbakaus/impeccable/tree/main/source/skills/polish
Command: npx skills add https://github.com/pbakaus/impeccable --skill polish-pbakaus

SYSTEM DOCUMENTATION & REQUIREMENTS

What problem does it solve?

Final polish is the difference between good and great. It captures and fixes alignment, spacing, consistency, typography, copy, and interaction details to ensure shipped features feel intentional and refined.

Core Features & Use Cases

  • Visual alignment and spacing verification across breakpoints and grids.
  • Typography refinement and copy consistency across components.
  • Interaction states and micro-interactions polish for default, hover, focus, active, loading, and error states.

Quick Start

Perform a final polish pass on the current feature to correct alignment, spacing, typography, and copy for ship-ready quality.

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 polish pass on my UI before shipping?▼

A final UI polish pass automates visual audits to fix alignment, spacing, typography, and copy consistency across breakpoints, ensuring features feel intentional and refined before release.

What is UI polish and why does it matter for frontend design?▼

UI polish is the final refinement step that corrects alignment, spacing, consistency, and interaction details. It bridges the gap between good and great by making shipped features feel intentional and pixel-perfect.

How do I verify interaction states and micro-interactions for accessible focus and error states?▼

Verifying interaction states involves polishing default, hover, focus, active, loading, and error states. This ensures accessible focus and error states are consistent and comprehensive across all UI components.

Can I use a polish pass to check typography and spacing consistency across breakpoints?▼

Yes, a polish pass handles typography refinement and copy consistency across components, while simultaneously verifying visual alignment and spacing across multiple breakpoints and grids for ship-ready quality.

What's the best way to automate visual audits for pixel-perfect alignment in a design system?▼

Automating visual audits via a final polish pass corrects pixel-perfect alignment and UI consistency. It evaluates design systems at the end of the development cycle to catch and fix visual discrepancies.

Related Skills

Explore More Design & Creative Skills→
tyronerosstyroneross
1

design-guidance

Resolve design system tokens and structural constraints for UI components.

Community
Advanced
cosmixcosmix
53

md-tables

Fix alignment and spacing issues in Markdown tables.

Community
Basic
NickCrewNickCrew
29

concept-forge

Score early-stage concepts by impact, delight, and effort, then rank and select a top concept for a one-day spike.

Community
Intermediate
hffmnnjhffmnnj
39

visual-regression

Compare screenshots pixel-by-pixel to detect unintended UI changes.

Community
Intermediate