skills.rest
Niksh-Hiremath
Niksh-HiremathCOMMUNITY
Explore all skills by this author →
GitHub

polish

Refine UI alignment, spacing, typography, color contrast, and interaction states.

1|Updated Feb 5, 2026
Search Tags:#typography#consistency#accessibility#ux#polish#visual-design
One-click install
npx skills add https://github.com/Niksh-Hiremath/Vidscreener --skill polish-niksh-hiremath
Or copy as Structured Prompt for Agent▼
Please help me install this Agent Skill.
Skill: polish
Source: https://github.com/Niksh-Hiremath/Vidscreener/tree/main/Skills/.agents/skills/polish
Command: npx skills add https://github.com/Niksh-Hiremath/Vidscreener --skill polish-niksh-hiremath

SYSTEM DOCUMENTATION & REQUIREMENTS

What problem does it solve?

Final polish is a rigorous final review that fixes alignment, spacing, consistency, and detail gaps to ensure shipped products look and feel flawless.

Core Features & Use Cases

  • Visual alignment and spacing refinement to grid
  • Typography and readability improvements
  • Color contrast, token usage, and accessibility checks
  • Comprehensive interaction state coverage (default, hover, focus, active, disabled, loading, error, success)
  • Documentation and handoff readiness for design-to-dev workflows
  • Risk and completeness triage to determine what is shippable

Quick Start

Run a final polish pass by inspecting the current design, adjusting alignment and spacing to grid, refining typography and copy, and confirming accessibility and interaction state completeness.

Frequently Asked Questions about polish

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

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

A UI polish pass refines visual alignment by adjusting layouts, components, and interactions to a grid system. This process ensures pixel-perfect production-ready states by correcting spacing inconsistencies and typography details.

What is included in a final design polish checklist for shipped products?▼

A final design polish checklist includes visual alignment, typography, color contrast, interaction states, and accessibility standards. This comprehensive review ensures shipped products meet pixel-perfect consistency and accessibility requirements.

How do I check color contrast and accessibility standards in a design?▼

Checking color contrast and accessibility standards involves verifying token usage and readability across all UI components. A polish pass ensures designs meet accessibility requirements while maintaining visual consistency.

What interaction states should I verify for component consistency?▼

Interaction state coverage requires verifying default, hover, focus, active, disabled, loading, error, and success states. A polish pass ensures every component interaction maintains visual and functional consistency.

Can I use a polish pass for design-to-dev handoff and documentation?▼

Yes, a polish pass supports design-to-dev workflows by ensuring documentation and handoff readiness. It includes risk and completeness triage to determine exactly what is shippable for production-ready artifacts.

When should I run a final polish pass on my product UI?▼

Run a final polish pass when designs are vetted and production-ready, but need detail gap fixes. It corrects alignment, spacing, and consistency flaws to ensure shipped products look and feel flawless.

Related Skills

Explore More Design & Creative Skills→
nsuberinsuberi

polish

Fix alignment, spacing, interaction states, and accessibility in UI implementations.

Community
Advanced
riabtsevriabtsev

frontend-design

Generate frontend UI code from audience, use cases, and brand tone.

Community
Advanced
Bigalan09Bigalan09
1

polish

Apply a final UI polish checklist covering alignment, typography, and accessibility.

Community
Advanced
SuperCorksSuperCorks

frontend-design

Enforce typography, spacing, color contrast, and interaction states in frontend UI design workflows.

Community
Basic