skills.rest
get-convex
get-convexOFFICIAL
Explore all skills by this author →
Website𝕏@convex_devGitHub

polish

Refine visual alignment, spacing, typography, and accessibility across breakpoints.

9|3|Updated Nov 28, 2025
Search Tags:#typography#accessibility#ui-design#ux#polish#design-tokens#visual-alignment
One-click install
npx skills add https://github.com/get-convex/components-submissions-directory --skill polish-get-convex
Or copy as Structured Prompt for Agent▼
Please help me install this Agent Skill.
Skill: polish
Source: https://github.com/get-convex/components-submissions-directory/tree/main/.codex/skills/polish
Command: npx skills add https://github.com/get-convex/components-submissions-directory --skill polish-get-convex

SYSTEM DOCUMENTATION & REQUIREMENTS

What problem does it solve?

Performs a meticulous final pass to fix alignment, spacing, consistency, typography, and micro-detail issues before shipping, ensuring a cohesive and high-quality product.

Core Features & Use Cases

  • Visual alignment and spacing refinement across breakpoints
  • Typography and copy consistency improvements
  • Accessibility considerations and motion-consistency checks to respect user preferences

Quick Start

Run the polish workflow on your current design to apply the final polish pass.

Frequently Asked Questions about polish

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

FAQPage Schema
How do I fix visual alignment and spacing inconsistencies across UI breakpoints?▼

To fix visual alignment and spacing, perform a final polish pass that refines spacing across breakpoints while ensuring consistency with established design tokens and style guides. This addresses micro-detail issues before shipping.

What is a UI polish pass and when do I need it?▼

A UI polish pass is a meticulous final review to perfect alignment, typography, color, and copy details before product handoff. You need it when your design is functionally complete but lacks visual consistency and cohesive quality.

How do I ensure my design respects reduced motion preferences during final refinement?▼

To ensure motion respects reduced motion preferences, run a polish pass that checks all interactive states and motion consistency. This verifies that animations adapt correctly to user accessibility settings before handoff.

Can I use design tokens to check typography and accessibility consistency?▼

Yes, you can use design tokens to enforce typography and accessibility consistency. A final polish pass checks your UI against established style guides to ensure all visual elements align with your token system.

What is the best way to prepare a UI design for handoff without missing micro-details?▼

The best way to prepare for handoff is to run a comprehensive polish pass that addresses visual alignment, interactive states, and accessibility checks, ensuring a high-quality and cohesive final product output.

Why does my UI look inconsistent across different screen sizes despite using a style guide?▼

Your UI may look inconsistent across breakpoints if visual alignment and spacing were not refined post-development. A detailed polish pass identifies and fixes these micro-detail issues to enforce style guide consistency.

Related Skills

Explore More Design & Creative Skills→
raybargasraybargas

Frontend Components

Enforce consistent frontend component structure, naming, styling, and accessibility standards.

Community
Basic
MrAlexisCordMrAlexisCord

polish

Review UI elements, code quality, and user experience for final polish.

Community
Advanced
programadorisgodprogramadorisgod
1

ui-animation

Guide accessible, performant UI motion with CSS, keyframes, and Framer Motion.

Community
Intermediate
GrimblazGrimblaz
3

ui-iteration

Polish UI designs through iterative screenshot-driven refinement with baseline comparisons.

Community
Intermediate