skills.rest
nitipoomph-coder
nitipoomph-coderCOMMUNITY
Explore all skills by this author →
WebsiteGitHub

polish

Fix alignment, spacing, typography, color contrast, and interaction states in UI artifacts.

Updated Aug 23, 2026
Search Tags:#typography#ui#accessibility#polish#visual-consistency#design-quality#interaction-states
One-click install
npx skills add https://github.com/nitipoomph-coder/Project_phase1 --skill polish-nitipoomph-coder
Or copy as Structured Prompt for Agent▼
Please help me install this Agent Skill.
Skill: polish
Source: https://github.com/nitipoomph-coder/Project_phase1/tree/main/.gemini/polish
Command: npx skills add https://github.com/nitipoomph-coder/Project_phase1 --skill polish-nitipoomph-coder

SYSTEM DOCUMENTATION & REQUIREMENTS

What problem does it solve?

Polish delivers a meticulous final quality pass to fix alignment, spacing, consistency, and micro-detail issues before shipping, ensuring a polished end product.

Core Features & Use Cases

  • Visual Alignment & Spacing: Pixel-perfect alignment and consistent spacing across breakpoints.
  • Typography Refinement: Harmonized typographic hierarchy, line length, and readability.
  • Color & Accessibility polish: WCAG-compliant contrast and accessible focus indicators.
  • Interaction States & Transitions: Complete states for interactive elements with smooth, purposeful motion.

Quick Start

Begin the polish pass on the current UI artifact to correct alignment, spacing, typography, color contrast, and interaction states before shipping.

Frequently Asked Questions about polish

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

FAQPage Schema
How do I fix visual alignment and spacing issues before shipping a UI?▼

To fix visual alignment and spacing issues, a final quality polish pass enforces pixel-perfect alignment and consistent spacing across breakpoints to perfect every detail before launch.

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

A UI polish pass is a meticulous final quality review that fixes alignment, spacing, consistency, and micro-detail issues. You need it near product launch to ensure a polished end product.

How do I ensure my typography and color contrast meet accessibility standards?▼

To ensure typography and color contrast meet accessibility standards, polish your UI to harmonize typographic hierarchy and enforce WCAG-compliant contrast with accessible focus indicators.

What is the best way to add complete interaction states and transitions to a layout?▼

The best way to add interaction states and transitions is applying a final polish pass that completes states for interactive elements and enforces smooth, purposeful motion across the layout.

Does a final design quality pass work on layouts close to launch?▼

Yes, a final design quality pass works specifically on user interfaces, layouts, and interactions across products near launch to correct visual alignment, typography, and interaction states.

Related Skills

Explore More Design & Creative Skills→
childrentimechildrentime
1.0k

polish

Correct alignment, spacing, and typographic details across UI components.

Community
Advanced
harshilLakhani22harshilLakhani22
1

high-end-visual-design

Transform generic interfaces into premium visual designs with refined typography, spacing, shadows, and motion.

Community
Advanced
cmbayscmbays
1

design-mockup

Translate breadboard affordances into visual mockups with Storybook and Paper MCP.

Community
Advanced
iiammaeiiammae

algorand-vulnerability-scanner

Scan TEAL and PyTeal code for common Algorand smart contract vulnerabilities.

Community
Advanced