polish

Fix visual and interaction defects in shipped frontend features.

Updated Apr 5, 2026
One-click install
npx skills add https://github.com/vladimir-shirmanov/tenax --skill polish-vladimir-shirmanov
Or copy as Structured Prompt for Agent
Please help me install this Agent Skill.
Skill: polish
Source: https://github.com/vladimir-shirmanov/tenax/tree/main/.github/skills/polish
Command: npx skills add https://github.com/vladimir-shirmanov/tenax --skill polish-vladimir-shirmanov

SYSTEM DOCUMENTATION & REQUIREMENTS

What problem does it solve?

Polish fixes visual and interaction defects in shipped features.

Core Features & Use Cases

  • Visual alignment & spacing: Pixel-perfect alignment and consistent spacing across breakpoints.
  • Typography Refinement: Uniform typography, line lengths, and legibility.
  • Color & contrast: WCAG-compliant contrast and token-based color usage.
  • Interaction states & motion: Complete default/hover/focus/active/disabled/loading states with smooth transitions.

Quick Start

Run the polish pass on the shipped feature to ensure pixel-perfect quality.

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 across responsive breakpoints?

To fix visual alignment and spacing, a polish pass enforces pixel-perfect alignment and consistent spacing across all breakpoints. It systematically reviews frontend components during final design reviews to eliminate layout drift.

What is a UI polish pass for shipped frontend features?

A UI polish pass is a final design review process that fixes visual and interaction defects in shipped features. It enforces a comprehensive checklist covering alignment, spacing, typography, color contrast, accessibility, and performance.

How do I ensure my UI meets WCAG-compliant color contrast and accessibility standards?

To ensure WCAG-compliant color contrast and accessibility, the polish process validates token-based color usage and checks contrast ratios. It also verifies complete default, hover, focus, active, disabled, and loading interaction states.

Does a final design review help standardize typography and interaction states?

Yes, a final design review standardizes typography by enforcing uniform line lengths and legibility. It also completes interaction states by adding smooth transitions for default, hover, focus, active, disabled, and loading behaviors.

Can I use a design system checklist to fix visual defects in shipped components?

Yes, you can use a design system checklist to fix visual defects in shipped components. The polish process applies token-based color usage and spacing rules to ensure your frontend aligns with your design system standards.

What's the best way to check UI consistency before final release?

The best way to check UI consistency is running a comprehensive polish pass over shipped features. This evaluates alignment, spacing, typography, color contrast, and motion to guarantee pixel-perfect visual quality before release.