polish

Apply a final UI polish checklist covering alignment, typography, and accessibility.

1|Updated Mar 19, 2026
One-click install
npx skills add https://github.com/Bigalan09/Burohame --skill polish-bigalan09
Or copy as Structured Prompt for Agent
Please help me install this Agent Skill.
Skill: polish
Source: https://github.com/Bigalan09/Burohame/tree/main/.codex/skills/polish
Command: npx skills add https://github.com/Bigalan09/Burohame --skill polish-bigalan09

SYSTEM DOCUMENTATION & REQUIREMENTS

What problem does it solve?

Final polish ensures UI consistency, pixel-perfect alignment, readable typography, and accessible interactions before product release, reducing last-minute QA pass work.

Core Features & Use Cases

  • Visual alignment & spacing: tighten layouts to a consistent grid and baseline, with precise margins and padding.
  • Typography & copy refinement: harmonize font sizes, line heights, and copy consistency for clear hierarchy.
  • Interaction states & accessibility: complete default/hover/focus/active/disabled states and ensure accessible focus indicators across breakpoints.
  • Quality guardrails: enforce the design system rules and a check-list to prevent regressions during polish rounds.

Quick Start

Review the current UI draft and apply the polish checklist to deliver a ready-for-shipping interface.

Frequently Asked Questions about polish

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

FAQPage Schema
How do I do a final polish pass on UI designs before shipping?

A final UI polish pass identifies and implements alignment, typography, and interaction details to meet shipping standards. It applies a comprehensive checklist across all UI assets and breakpoints to ensure visual consistency and prevent regressions before product release.

What is UI polish and why is it needed for design systems?

UI polish ensures interface consistency, pixel-perfect alignment, readable typography, and accessible interactions before release. It enforces design-system rules and visual grid compliance to reduce last-minute quality-assurance work and maintain fidelity across all components.

How do I check accessibility and interaction states across UI breakpoints?

Checking accessibility and interaction states involves completing default, hover, focus, active, and disabled states while ensuring accessible focus indicators. This validation applies across all breakpoints to confirm color contrast and interaction details meet shipping standards.

What's the best way to tighten visual alignment and typography spacing?

The best way to tighten visual alignment and typography spacing is applying a comprehensive checklist to harmonize font sizes, line heights, and copy consistency. This enforces a consistent visual grid and baseline with precise margins, padding, and clear hierarchy.

How do I prevent visual consistency regressions during design polish rounds?

Preventing visual consistency regressions requires enforcing quality guardrails through a validation checklist. This maintains design-system fidelity by systematically checking motion, copy consistency, color contrast, and visual grid alignment across all UI assets during polish rounds.