polish

Perform a final UX, visual, accessibility, and interaction states quality pass on front-end designs.

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

SYSTEM DOCUMENTATION & REQUIREMENTS

What problem does it solve?

This Skill prevents “almost right” work by systematically fixing the final alignment, spacing, consistency, and micro-interaction issues that make a release feel incomplete.

Core Features & Use Cases

  • Pre-polish assessment: Validates functional completeness, preserves intended TODOs, clarifies the quality bar (MVP vs flagship), and respects time-to-ship constraints.
  • Systematic visual & UX refinement: Verifies grid adherence, spacing token consistency, typography hierarchy, color/contrast, and all interaction states (hover/focus/active/disabled/loading/error/success).
  • Production-ready finishing pass: Checks micro-interactions/transitions (smooth, 60fps, reduced-motion safe), form and input validation quality, edge/empty/error/success states, accessibility, and performance risks like layout shift.

Quick Start

Run the polish skill when you notice something looks off (alignment, spacing, typography, missing states) and want a last pre-launch quality review.

Frequently Asked Questions about polish

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

FAQPage Schema
How do I ensure my UI design consistency and visual alignment before shipping?

To ensure UI design consistency before shipping, perform a pre-launch quality pass that verifies visual alignment, grid adherence, and spacing token consistency across all responsive breakpoints. This prevents almost right work by systematically fixing final layout issues.

What is a UI polishing pass and what does it check?

A UI polishing pass is a final pre-release review that checks typography hierarchy, color contrast, interaction states, and micro-interactions. It ensures a release candidate feels complete by systematically verifying accessibility, form validation, and edge cases.

How do I verify accessibility and reduced-motion compliance in frontend code?

To verify accessibility and reduced-motion compliance, check that all interaction states are safe and transitions run smoothly at 60fps. A production-ready finishing pass validates focus states, form input validation, and reduced-motion preferences without breaking functionality.

Can I run a UI finishing pass on an MVP without over-polishing?

Yes, you can run a UI finishing pass on an MVP by first clarifying the quality bar and respecting time-to-ship constraints. The pre-polish assessment validates functional completeness and preserves intended TODOs to prevent unnecessary refinement.

What's the best way to catch frontend performance risks like layout shift before launch?

The best way to catch frontend performance risks like layout shift and jank is a production-ready finishing pass. It systematically checks micro-interactions, transition smoothness, and performance risks to ensure the release candidate feels complete.

Why does my release candidate feel incomplete despite functional features?

Your release candidate feels incomplete due to missing interaction states, inconsistent typography, or poor visual alignment. A systematic UI polishing pass catches these final spacing, copy, icon, and micro-interaction issues that make a release feel unfinished.