skills.rest
nangyak4415-sudo
nangyak4415-sudoCOMMUNITY
Explore all skills by this author →
GitHub

polish

Refine UI alignment, spacing, typography, interaction states, and copy inconsistencies.

Updated Mar 23, 2026
Search Tags:#accessibility#ui-ux#quality-assurance#polish#visual-consistency#design-review#responsive-testing
One-click install
npx skills add https://github.com/nangyak4415-sudo/Narumon-Website-V.1 --skill polish-nangyak4415-sudo
Or copy as Structured Prompt for Agent▼
Please help me install this Agent Skill.
Skill: polish
Source: https://github.com/nangyak4415-sudo/Narumon-Website-V.1/tree/main/.cursor/skills/polish
Command: npx skills add https://github.com/nangyak4415-sudo/Narumon-Website-V.1 --skill polish-nangyak4415-sudo

SYSTEM DOCUMENTATION & REQUIREMENTS

What problem does it solve?

The polish skill closes the gap between functional implementation and a production-ready experience by identifying and fixing alignment, spacing, interaction, copy, accessibility, and performance nitpicks that undermine perceived quality.

Core Features & Use Cases

  • Systematic visual pass: Enforce grid, spacing scale, optical alignment, and responsive consistency across breakpoints.
  • Interaction and state coverage: Verify hover/focus/active/disabled/loading/error/success states and smooth micro-interactions that respect reduced-motion preferences.
  • Content and accessibility checks: Standardize copy, ensure contrast and focus indicators meet WCAG, and validate form labels, error messaging, and keyboard navigation.
  • Use Case: Run a final pass on a new checkout flow to remove layout shifts, ensure consistent spacing tokens, implement missing focus states, and confirm error and empty states behave as designed.

Quick Start

Perform a full polish pass on the checkout flow: verify alignment, spacing tokens, all interaction states, accessibility contrast and focus, responsive behavior, and no layout shift across devices.

Frequently Asked Questions about polish

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

FAQPage Schema
How do I fix UI alignment and spacing inconsistencies before shipping a feature?▼

Fix UI alignment and spacing inconsistencies by enforcing spacing scale adherence, verifying optical alignment, and standardizing typography across frontend components during a final design polish pass.

What does a design polish pass cover for frontend components?▼

A design polish pass covers grid alignment, spacing tokens, interaction states, accessibility contrast, focus checks, and responsive breakpoints to ensure a production-ready experience without layout shifts.

How do I ensure complete interaction state coverage for my UI?▼

Ensure complete interaction state coverage by verifying hover, focus, active, disabled, loading, error, and success states, while implementing micro-interactions that respect reduced-motion accessibility preferences.

Can I use this approach to check accessibility contrast and keyboard navigation on real devices?▼

Yes, you can check accessibility contrast, validate form labels, verify focus indicators meet WCAG standards, and test keyboard navigation alongside responsive behavior verification on real devices.

What's the best way to remove layout shifts in a checkout flow during QA?▼

Remove layout shifts in a checkout flow by running a final QA pass that verifies spacing tokens, implements missing focus states, and confirms error and empty states behave as designed across devices.

Why does my responsive design break across different breakpoints?▼

Responsive design breaks across breakpoints when visual consistency is not enforced; running a systematic polish pass verifies grid alignment, spacing scale adherence, and interaction behavior to resolve inconsistencies.

Related Skills

Explore More Design & Creative Skills→
romiluz13romiluz13
161

ui-design

Design UI layouts with visual hierarchy, spacing, color, and state design.

Community
Basic
jx1100370217jx1100370217
4

ios-ui-ux-design

Design iOS interfaces following Apple's Human Interface Guidelines.

Community
Basic
thongdn-itthongdn-it
3

ui-design

Enforce UI/UX frontend best practices across HTML, CSS, and component design.

Community
Advanced
clawpod-appclawpod-app
46

accessibility-review

Audit designs or pages for WCAG 2.1 AA compliance with remediation guidance.

Community
Intermediate