skills.rest
XY-Showing
XY-ShowingCOMMUNITY
Explore all skills by this author →
GitHub

polish

Validate interactive element alignment, typography, contrast, and interaction states.

27|2|Updated Mar 15, 2026
Search Tags:#quality assurance#visual design#user experience#polishing#interactive elements
One-click install
npx skills add https://github.com/XY-Showing/pageclaw --skill polish-xy-showing
Or copy as Structured Prompt for Agent▼
Please help me install this Agent Skill.
Skill: polish
Source: https://github.com/XY-Showing/pageclaw/tree/main/skills/polish
Command: npx skills add https://github.com/XY-Showing/pageclaw --skill polish-xy-showing

SYSTEM DOCUMENTATION & REQUIREMENTS

💡 This Skill includes scripts (resource) and references (resource) components.

What problem does it solve?

This Skill addresses the issue of achieving high-quality, polished user experiences by ensuring alignment, spacing, consistency, and micro-detail accuracy before shipping.

Core Features & Use Cases

  • Final Quality Pass: Ensures all aspects of the feature align with design system conventions.
  • Visual Alignment & Spacing: Checks for pixel-perfect alignment and consistent spacing across all breakpoints.
  • Typography Refinement: Ensures typography hierarchy, line length, and readability.
  • Color & Contrast: Maintains contrast ratios, token usage, and theme consistency.
  • Interaction States: Ensures all interactive elements have all required states.
  • Micro-interactions & Transitions: Ensures smooth, consistent transitions and motion.
  • Content & Copy: Checks for consistent terminology, capitalization, and punctuation.
  • Forms & Inputs: Validates label consistency, required indicators, and error messages.
  • Edge Cases & Error States: Ensures robust handling of edge cases and error states.
  • Responsiveness: Validates content and functionality on various devices and breakpoints.
  • Performance: Optimizes for fast load times and smooth interactions.
  • Code Quality: Ensures clean, maintainable, and accessible code.
  • Quick Start: To start the polishing process, invoke the skill with the target feature in mind.

Quick Start

Invoke the polish skill on the feature you want to refine and ensure it meets the high-quality standards set for your project.

Frequently Asked Questions about polish

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

FAQPage Schema
How do I ensure pixel-perfect visual alignment and spacing across all breakpoints?▼

To ensure pixel-perfect visual alignment and spacing, you need a final quality pass that validates your design system conventions and checks consistent spacing across all breakpoints for functional codebases.

What is the best way to validate interaction states and micro-interactions for user experience perfection?▼

Validating interaction states for user experience perfection involves ensuring all interactive elements have required states, smooth transitions, and consistent motion that align with your project's high-quality standards.

Do I need an existing design system and functional codebase to start polishing user experience?▼

Yes, polishing user experience requires an existing design system and functional codebase for application, as the process validates typography alignment, color contrast, and design consistency against established project conventions.

How do I check color contrast ratios and typography hierarchy before shipping interactive elements?▼

Checking color contrast ratios and typography hierarchy involves refining typography readability and maintaining theme consistency to ensure all interactive elements meet the highest visual design and accessibility standards.

What's the best way to handle edge cases and error states for forms and inputs?▼

Handling edge cases and error states for forms requires validating label consistency, required indicators, and error messages to ensure robust functionality and maintain quality across various user scenarios.

Can I optimize performance and code quality while refining visual design consistency?▼

Yes, refining visual design consistency includes optimizing for fast load times and smooth interactions while ensuring the underlying functional codebase remains clean, maintainable, and accessible.

Related Skills

Explore More Design & Creative Skills→
tyronerosstyroneross
1

design-guidance

Resolve design system tokens and structural constraints for UI components.

Community
Advanced
AlejandroFiginiAlejandroFigini

canary

Detect runtime errors and performance regressions in live deployments via Bash probes.

Community
Advanced
veerababumanyamveerababumanyam

accessibility

Validate UI components against WCAG 2.1 AA accessibility standards.

Community
Basic
vibrationalforcevibrationalforce

design-review

Audit live sites for visual inconsistencies and polish opportunities.

Community
Advanced