skills.rest
alicanerdogan
alicanerdoganCOMMUNITY
Explore all skills by this author →
WebsiteGitHub

i-polish

Fix alignment, spacing, typography, and micro-detail issues in UI designs.

1|Updated Aug 29, 2023
Search Tags:#typography#design#alignment#quality-assurance#spacing#polish#ui-review
One-click install
npx skills add https://github.com/alicanerdogan/dotfiles --skill i-polish-alicanerdogan
Or copy as Structured Prompt for Agent▼
Please help me install this Agent Skill.
Skill: i-polish
Source: https://github.com/alicanerdogan/dotfiles/tree/main/pi/skills/i-polish
Command: npx skills add https://github.com/alicanerdogan/dotfiles --skill i-polish-alicanerdogan

SYSTEM DOCUMENTATION & REQUIREMENTS

What problem does it solve?

This polish step closes gaps in final quality checks by correcting alignment, spacing, typography, and micro-detail inconsistencies that slip through during development.

Core Features & Use Cases

  • Visual alignment & spacing checks: ensures elements line up to a consistent grid and spacing scale across breakpoints.
  • Typography & copy refinement: standardizes hierarchy, line length, and language consistency to improve readability.
  • Comprehensive polish workflow: addresses interaction states, motion cues, and edge-case readiness for final reviews.
  • Use Case: during pre-launch reviews, a designer or PM uses i-polish to deliver a polished prototype with pixel-perfect alignment and consistent copy.

Quick Start

Begin a final polish pass on the current UI review, targeting alignment, spacing, typography, and micro-detail consistency.

Frequently Asked Questions about i-polish

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

FAQPage Schema
How do I fix UI alignment and spacing inconsistencies before shipping?▼

Fix UI alignment and spacing inconsistencies by running a final polish pass that checks elements against a consistent grid and spacing scale across all breakpoints. This corrects micro-detail issues that slip through development.

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

A UI polish pass is a final quality check that corrects alignment, spacing, typography, and micro-detail inconsistencies. You need it during pre-launch reviews to ensure visual layouts and interaction states are fully consistent.

How do I standardize typography hierarchy and copy consistency in a design?▼

Standardize typography hierarchy and copy consistency by applying checks that refine line length, standardize visual hierarchy, and ensure language consistency to improve readability across the deliverable.

Does a final UI review check interaction states and motion cues?▼

Yes, a final UI review checks interaction states and motion cues. The polish workflow addresses these micro-details alongside edge-case readiness criteria to ensure comprehensive final review quality.

Can I use a polish workflow for pre-launch accessibility and readiness checks?▼

Yes, you can use a polish workflow for pre-launch accessibility and readiness checks. It ensures accessibility standards, copy consistency, and readiness criteria are satisfied in the final deliverable.

Related Skills

Explore More Design & Creative Skills→
JakkuSakuraJakkuSakura
1

frontend-design

Guide frontend teams to establish bold visual direction for web interfaces.

Community
Intermediate
OlatisunkanmiOlatisunkanmi
8

i-polish

Enforce pixel-perfect alignment and consistent spacing across UI components.

Community
Advanced
TrainLCDTrainLCD
71

argent-lens

Stage multiple UI design variants on a mobile simulator for visual A/B testing.

Official
Advanced
KrismithReddy12KrismithReddy12

design-review

Audit web interfaces for visual inconsistencies, spacing issues, and hierarchy problems.

Community
Advanced