i-polish

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

8|1|Updated Mar 14, 2026

Search Tags:#ui #consistency #alignment #spacing #polish #design-review

Ready to run

npx skills add https://github.com/Olatisunkanmi/claudefiles --skill i-polish-olatisunkanmi

💬 Prompt for ChatGPT / Claude Chat▼

Please help me install this Agent Skill.
Skill: i-polish
Source: https://github.com/Olatisunkanmi/claudefiles/tree/main/skills/i-polish
Command: npx skills add https://github.com/Olatisunkanmi/claudefiles --skill i-polish-olatisunkanmi

SYSTEM DOCUMENTATION & REQUIREMENTS

What problem does it solve?

Polishes user interfaces after an initial implementation to ensure pixel-perfect alignment, spacing, typography, and visual consistency.

Core Features & Use Cases

Final quality polish pass for alignment, spacing, and consistency details
Checks for visual inconsistencies, typography hierarchy, copy consistency, and interaction polish
Use Case: Imagine finalizing a dashboard where every grid, margin, and font weight aligns to a design system; use i-polish to surface and fix deviations before shipping.

Quick Start

Provide the AI with the current UI draft and any gathered design context, and instruct it to perform a final polish pass.

Frequently Asked Questions about i-polish

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

FAQPage Schema

How do I ensure pixel-perfect alignment and consistent spacing across UI components?▼

To ensure pixel-perfect alignment and consistent spacing, you can use a final UI polish pass that enforces design system grids, margins, and font weights to surface and fix visual deviations. This process verifies typography hierarchy and interaction polish before shipping.

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

A UI polish pass is a final quality assurance step that enforces pixel-perfect alignment, spacing, typography, and visual consistency across product interfaces. You need it during hand-off verification and final QA to catch visual inconsistencies before shipping.

How do I perform a final design QA to fix visual inconsistencies in a dashboard?▼

Perform a final design QA by providing the current UI draft and gathered design context to an automated workflow. This process assesses visual inconsistencies, proposes changes to alignment and spacing, and verifies typography hierarchy and copy consistency against your design system.

Can I use a design polish workflow for hand-off verification and interaction polish?▼

Yes, you can use a design polish workflow for hand-off verification. It enforces pixel-perfect alignment and consistent spacing while checking for typography hierarchy, copy consistency, and interaction polish to satisfy a production-ready standard across product interfaces.

Do I need to provide a complete design system to check UI consistency and spacing?▼

Providing complete design system context is necessary to accurately check UI consistency and spacing. The polish workflow uses your gathered design context to assess deviations, propose changes for alignment and typography, and verify that components match the intended production-ready standard.

Why does my UI look inconsistent after implementation and how do I fix the alignment?▼

Your UI looks inconsistent after implementation due to misaligned grids, margins, and font weights deviating from the design system. You can fix the alignment by running a mandatory polish workflow that assesses the UI draft, proposes spacing changes, and verifies visual consistency.