skills.rest
satriadhm
satriadhmCOMMUNITY
Explore all skills by this author →
GitHub

polish

Audit UI alignment, typography, color contrast, and copy consistency.

Updated Aug 27, 2026
Search Tags:#design#ui#accessibility#quality-assurance#polish#visual-consistency
One-click install
npx skills add https://github.com/satriadhm/padelism --skill polish-satriadhm
Or copy as Structured Prompt for Agent▼
Please help me install this Agent Skill.
Skill: polish
Source: https://github.com/satriadhm/padelism/tree/main/.qwen/skills/polish
Command: npx skills add https://github.com/satriadhm/padelism --skill polish-satriadhm

SYSTEM DOCUMENTATION & REQUIREMENTS

What problem does it solve?

Polish provides a final quality pass to finalize UI consistency, alignment, and copy before shipping, reducing visual defects and inconsistencies.

Core Features & Use Cases

  • Visual alignment & spacing: ensures pixel-perfect grids and consistent gaps across breakpoints.
  • Typography refinement: enforces typography hierarchy, line length, and readability.
  • Color & contrast: validates WCAG-compliant contrast and consistent color tokens.
  • Interaction states: verifies hover, focus, active, and disabled states for all controls.
  • Copy & microcopy: standardizes terminology, capitalization, and messaging for clarity.
  • Accessibility & responsiveness: checks responsive layouts and basic accessibility cues.

Quick Start

Audit the latest feature for polish and apply fixes to alignment, typography, color, and copy.

Frequently Asked Questions about polish

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

FAQPage Schema
How do I perform a final UI polish pass for frontend QA?▼

To perform a final UI polish pass for frontend QA, audit your latest feature for alignment, typography, color contrast, interaction states, and copy consistency. This process enforces design guardrails to reduce visual defects before shipping.

What is included in a UI polish pass for visual consistency?▼

A UI polish pass for visual consistency includes verifying pixel-perfect grids, consistent spacing across breakpoints, typography hierarchy, color tokens, and all interaction states to finalize product quality before release.

How do I check color contrast and accessibility cues before shipping?▼

You check color contrast and accessibility cues by validating WCAG-compliant contrast ratios and consistent color tokens. This ensures your responsive layouts meet basic accessibility requirements during late-stage QA.

When do I need to standardize UI copy and microcopy?▼

You need to standardize UI copy and microcopy during a final polish pass to ensure terminology, capitalization, and messaging clarity. This standardization reduces inconsistencies across your components before shipping.

What is the best way to verify interaction states across components?▼

The best way to verify interaction states across components is to check hover, focus, active, and disabled states for all controls. This enforces design guardrails for motion and visual consistency during frontend QA.

Related Skills

Explore More Design & Creative Skills→
wasintohwasintoh
90

design-excellence

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

Community
Basic
Kael-DeanKael-Dean

polish

Correct visual alignment, spacing, and detailing across UI elements.

Community
Advanced
SuperCorksSuperCorks

frontend-design

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

Community
Basic
LimaTechnologiesLimaTechnologies

ui-ux-audit

Automate UI/UX audits for accessibility, responsiveness, and design-system consistency.

Community
Basic