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.