skills.rest
stevengonsalvez
stevengonsalvezCOMMUNITY
Explore all skills by this author →
GitHub

polish

Performs a UI polish pass to fix alignment, spacing, wording, and typography defects.

Updated Apr 10, 2026
Search Tags:#typography#design#ui#consistency#accessibility#layout#polish
One-click install
npx skills add https://github.com/stevengonsalvez/nanoclaw-standalone --skill polish-stevengonsalvez
Or copy as Structured Prompt for Agent▼
Please help me install this Agent Skill.
Skill: polish
Source: https://github.com/stevengonsalvez/nanoclaw-standalone/tree/main/container/skills/polish
Command: npx skills add https://github.com/stevengonsalvez/nanoclaw-standalone --skill polish-stevengonsalvez

SYSTEM DOCUMENTATION & REQUIREMENTS

What problem does it solve?

Polish is the final quality pass that fixes alignment, spacing, consistency, typography, and copy issues that separate good work from great work, helping teams ship polished products.

Core Features & Use Cases

  • Comprehensive visual polish: aligns elements, ensures consistent spacing, and corrects typographic hierarchy.
  • Consistency and accessibility: enforces design token usage, color contrast, and accessible focus states across components.
  • End-to-end polish for shipped features: validates states (default, hover, focus, active, error, success) and ensures ready-for-release readiness in the front-end.

Quick Start

Run a guided polish pass on the current UI feature to fix visual and copy inconsistencies.

Frequently Asked Questions about 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 a feature?▼

To fix UI alignment and spacing inconsistencies, run a guided polish pass that corrects typographic hierarchy, aligns elements, and enforces consistent spacing across components, pages, and responsive breakpoints.

What is a UI polish pass and what does it cover?▼

A UI polish pass is a comprehensive visual quality review that fixes alignment, spacing, consistency, and copy issues, ensuring layout, color, and typography are uniform across all components and responsive states.

How do I ensure design token usage and accessibility compliance across my components?▼

To ensure design token usage and accessibility compliance, apply a polish workflow that validates color contrast, enforces design-token application, and checks accessible focus states across default, hover, active, error, and success states.

Can I validate all interactive states for my front-end components during a final design review?▼

Yes, you can validate all interactive states during a final design review by performing an end-to-end polish pass that covers default, hover, focus, active, error, and success states to ensure ready-for-release readiness.

What is the best way to document UI defects and suggested repairs for handoff?▼

The best way to document UI defects and suggested repairs for handoff is to run a comprehensive polish workflow that systematically identifies alignment, spacing, and typography issues while recording the recommended fixes.

Does a visual polish pass work across multiple responsive breakpoints?▼

Yes, a visual polish pass works across multiple responsive breakpoints by applying consistency checks for layout, color, and typography specifically tailored to ensure visual integrity at varying screen sizes.

Related Skills

Explore More Design & Creative Skills→
alissimorealissimore

ui-styling

Apply Nexus design system and Tailwind CSS tokens to UI components.

Community
Basic
sabahattinksabahattink
27

web-design-guidelines

Audit UI components for accessibility and responsive design standards.

Community
Intermediate
wasintohwasintoh
90

design-excellence

Polish AI-built UI with color, typography, spacing, and motion guidelines.

Community
Basic
zivtechzivtech

ui-critic

Evaluate UI designs and live web interfaces for usability and WCAG 2.1 AA accessibility.

Official
Advanced