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

Ready to run

npx skills add https://github.com/alicanerdogan/dotfiles --skill i-polish-alicanerdogan

💬 Prompt for ChatGPT / Claude Chat▼

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.