skills.rest
deadhearth01
deadhearth01COMMUNITY
Explore all skills by this author →
GitHub

polish

Inspect UI designs and prototypes for alignment, spacing, typography, and accessibility issues.

Updated Mar 11, 2026
Search Tags:#typography#consistency#accessibility#ui-design#quality-check#polish#visual-alignment
One-click install
npx skills add https://github.com/deadhearth01/SugCreativeSite --skill polish-deadhearth01
Or copy as Structured Prompt for Agent▼
Please help me install this Agent Skill.
Skill: polish
Source: https://github.com/deadhearth01/SugCreativeSite/tree/main/.agents/skills/polish
Command: npx skills add https://github.com/deadhearth01/SugCreativeSite --skill polish-deadhearth01

SYSTEM DOCUMENTATION & REQUIREMENTS

What problem does it solve?

Final quality pass to catch alignment, spacing, consistency, and detail issues that separate good from great work.

Core Features & Use Cases

  • Visual Alignment & Spacing: Pixel-perfect grids and consistent gaps across breakpoints.
  • Typography Refinement: Consistent hierarchy, line length, and line height for readability.
  • Color & Accessibility: Contrast checks, token consistency, and accessible focus states.
  • Interaction States: Full spectrum of default, hover, focus, active, disabled, loading, error, and success states.
  • Content & Copy: Consistent terminology, capitalization, punctuation, and tone.
  • Assets & Imagery: Proper icon/image sizing and alt text, with accessible loading behavior.
  • Edge Cases & Testing: Handles long content, empty states, and offline considerations.
  • Polish Workflow: Follow a structured, non-destructive process using established design principles and a polish checklist.

Quick Start

Execute a final polish pass by inspecting the current UI/design and applying the Context Gathering Protocol, focusing on alignment, spacing, typography, color and contrast, interaction states, and accessibility.

Frequently Asked Questions about polish

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

FAQPage Schema
How do I do a final polish pass on a UI design before shipping?▼

A final UI polish pass systematically inspects visual alignment, spacing, typography hierarchy, color contrast, interaction states, and accessibility to fix detail issues before shipping.

What is included in a UI design polish checklist?▼

A UI design polish checklist includes pixel-perfect grid alignment, typography refinement, color contrast checks, interaction states, copy consistency, asset sizing, and edge case handling.

How do I check accessibility and color contrast in a design system?▼

Checking accessibility and color contrast in a design system involves verifying token consistency, accessible focus states, proper alt text for assets, and contrast ratios across UI components.

What's the best way to ensure interaction state consistency across UI prototypes?▼

Ensuring interaction state consistency requires defining the full spectrum of default, hover, focus, active, disabled, loading, error, and success states across all UI components.

Can I use a structured polish workflow for MVP features?▼

Yes, a structured non-destructive polish workflow can be applied to both MVP and flagship product features, ensuring thorough visual alignment and consistency completion at any scale.

Why does my UI design look inconsistent across different breakpoints?▼

UI designs look inconsistent across breakpoints when visual alignment, spacing, and typography hierarchy lack systematic refinement, requiring a final polish pass to enforce consistent gaps and grids.

Related Skills

Explore More Design & Creative Skills→
joncoroneljoncoronel
1

polish

Polish UI mockups, docs, and specs for alignment, spacing, typography, and copy.

Community
Advanced
Bigalan09Bigalan09
1

polish

Apply a final UI polish checklist covering alignment, typography, and accessibility.

Community
Advanced
cosmixcosmix
53

md-tables

Fix alignment and spacing issues in Markdown tables.

Community
Basic
AskTinNguyenAskTinNguyen

polish

Fix alignment, spacing, typography, color contrast, and copy inconsistencies across UI components.

Community
Advanced