skills.rest
kenlck
kenlckCOMMUNITY
Explore all skills by this author →
GitHub

polish-ui

Fix alignment, spacing, and micro-details in UI before release.

5|Updated Mar 30, 2026
Search Tags:#typography#ui#accessibility#alignment#quality-assurance#polish#visual-design
One-click install
npx skills add https://github.com/kenlck/skills --skill polish-ui-kenlck
Or copy as Structured Prompt for Agent▼
Please help me install this Agent Skill.
Skill: polish-ui
Source: https://github.com/kenlck/skills/tree/main/ken-swe/skills/polish-ui
Command: npx skills add https://github.com/kenlck/skills --skill polish-ui-kenlck

SYSTEM DOCUMENTATION & REQUIREMENTS

What problem does it solve?

Fixes alignment, spacing, and micro-detail inconsistencies to ensure pixel-perfect UI before shipping.

Core Features & Use Cases

  • Visual alignment and spacing checks across UI components
  • Typography consistency, color contrast adherence, and comprehensive state coverage
  • Use Case: prior to release, run polish to catch subtle design defects and copy/pixel differences

Quick Start

Run a final pass to fix alignment, spacing, and micro-details in the UI before shipping.

Frequently Asked Questions about polish-ui

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

FAQPage Schema
How do I perform a final UI polish pass to fix alignment and spacing before launch?▼

A final UI polish pass fixes alignment, spacing, and micro-detail inconsistencies to ensure pixel-perfect UI before shipping. It runs visual alignment checks, typography consistency reviews, and color contrast adherence across components and interactive states.

What is included in a pre-launch visual design review for front-end builds?▼

A pre-launch visual design review includes comprehensive visual alignment checks, typography consistency, color contrast adherence, and complete interactive states validation. It catches subtle design defects and copy or pixel differences across design systems and front-end builds.

Can I run pixel-perfect polish checks during my QA cycle?▼

Yes, pixel-perfect polish checks apply directly to pre-launch review workflows across QA cycles. They validate visual alignment, spacing, typography, and interactive states to catch subtle design defects before releasing your front-end build.

What's the best way to catch subtle design defects and pixel differences before release?▼

The best way to catch subtle design defects is running a final polish pass on the UI to fix alignment and micro-details. This comprehensive review validates typography consistency and color contrast adherence across all interactive states.

Does visual alignment checking also cover interactive states validation?▼

Yes, visual alignment checking includes complete interactive states validation alongside typography consistency and color contrast adherence. This ensures comprehensive state coverage to fix micro-detail inconsistencies and achieve pixel-perfect UI prior to release.

Why do I need typography consistency and color contrast checks for my UI components?▼

Typography consistency and color contrast checks are required to fix micro-detail inconsistencies and ensure pixel-perfect UI. They satisfy requirements for comprehensive visual alignment and complete interactive states validation during pre-launch review workflows.

Related Skills

Explore More Design & Creative Skills→
Ikki-GroupIkki-Group

normalize

Audit UI elements for design system divergence and apply design tokens.

Official
Advanced
teegin-gteegin-g

polish

Polish UI designs for pixel-perfect alignment, spacing, and detail consistency.

Community
Advanced
JmarquesJmarques

prototype

Build and execute throwaway UI/UX and logic prototypes for validation.

Community
Intermediate
htafollahtafolla
5

ui-ux-design

Design mobile-first user interfaces with WCAG 2.1 AA accessibility compliance.

Community
Advanced