skills.rest
jcdiv47
jcdiv47COMMUNITY
Explore all skills by this author →
GitHub

polish

Review frontend UI for alignment, spacing, accessibility, and interaction states.

Updated Mar 7, 2026
Search Tags:#accessibility#ui-ux#quality-assurance#polish#visual-design#design-review#microinteractions
One-click install
npx skills add https://github.com/jcdiv47/cool-paper --skill polish-jcdiv47
Or copy as Structured Prompt for Agent▼
Please help me install this Agent Skill.
Skill: polish
Source: https://github.com/jcdiv47/cool-paper/tree/main/.agents/skills/polish
Command: npx skills add https://github.com/jcdiv47/cool-paper --skill polish-jcdiv47

SYSTEM DOCUMENTATION & REQUIREMENTS

What problem does it solve?

Polishing catches the small visual, interaction, and content issues that make a finished product feel unprofessional or confusing, turning functional work into a delightful, reliable experience. It reduces post-release fixes and user friction by enforcing consistency, accessibility, and performance standards before shipping.

Core Features & Use Cases

  • Systematic final review: Step-by-step checks for alignment, spacing, typography, color contrast, interaction states, and micro-interactions.
  • Content and accessibility polish: Ensure copy consistency, alt text, keyboard navigation, focus indicators, and WCAG contrast ratios.
  • Performance and code hygiene: Verify no layout shift, remove debug artifacts, confirm responsive behavior and reduced-motion support.
  • Use case: Before a ship milestone, run this Skill to verify a new feature's visual alignment, add missing interaction states, fix copy inconsistencies, and confirm accessibility and performance on real devices.

Quick Start

Run a comprehensive UI polish pass on the new checkout flow, focusing on spacing, interaction states, accessibility, and device testing.

Frequently Asked Questions about polish

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

FAQPage Schema
How do I run a final UI polish pass to fix alignment and spacing issues?▼

A UI polish pass systematically verifies visual alignment, spacing, typography, and interaction states on real devices to fix inconsistencies. It checks copy, accessibility, and performance to ensure a flawless user experience before shipping.

What does UI polish include for accessibility and interaction states?▼

UI polish for accessibility includes verifying WCAG contrast ratios, keyboard navigation, focus indicators, and alt text. It also ensures all interaction states and micro-interactions are consistent, reducing user friction and post-release fixes.

When do I need to perform a UI design review for pre-release checks?▼

You need a UI design review during pre-release checks or bug-fix sprints before shipping a milestone. It catches small visual, content, and interaction issues that make finished frontend features feel unprofessional, ensuring reliability.

How do I check responsiveness and reduced-motion support before shipping?▼

To check responsiveness and reduced-motion support, run a final quality pass on real devices. This verifies responsive behavior, removes debug artifacts, confirms no layout shift, and ensures performance standards are met for the user interface.

What is the best way to catch visual design and copy consistency issues in a frontend feature?▼

The best way to catch visual design and copy consistency issues is a systematic final quality pass. It enforces typography, color contrast, and content standards, transforming functional UI components into a delightful, reliable experience.

Related Skills

Explore More Design & Creative Skills→
Tea-4-LifeTea-4-Life

polish

Correct visual details and consistency in frontend UI before shipping.

Official
Advanced
nick-ortonnick-orton
4

terminal-user-interface-tui-design

Design terminal user interfaces with Rich and Prompt Toolkit in POSIX environments.

Community
Advanced
bdbchbdbch
2

design-compliance

Audit web design compliance against contrast, spacing, typography, and hit target standards.

Community
Advanced
ChegginCheggin
1

polish

Polish design artifacts for alignment, spacing, typography, and accessibility.

Community
Advanced