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

Ready to run

npx skills add https://github.com/stevengonsalvez/nanoclaw-standalone --skill polish-stevengonsalvez

💬 Prompt for ChatGPT / Claude Chat▼

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.