skills.rest
teegin-g
teegin-gCOMMUNITY
Explore all skills by this author →
GitHub

polish

Polish UI designs for pixel-perfect alignment, spacing, and detail consistency.

Updated Jan 30, 2026
Search Tags:#typography#ui#consistency#accessibility#alignment#polish#design-systems
One-click install
npx skills add https://github.com/teegin-g/Slopcast --skill polish-teegin-g
Or copy as Structured Prompt for Agent▼
Please help me install this Agent Skill.
Skill: polish
Source: https://github.com/teegin-g/Slopcast/tree/main/.cursor/skills/polish
Command: npx skills add https://github.com/teegin-g/Slopcast --skill polish-teegin-g

SYSTEM DOCUMENTATION & REQUIREMENTS

What problem does it solve?

Final quality pass before shipping. Fixes alignment, spacing, consistency, and detail issues that separate good from great.

Core Features & Use Cases

  • Visual alignment & spacing: Pixel-perfect alignment to grid; consistent spacing across components.
  • Typography & readability: Establish typography hierarchy, appropriate line length and line height, and copy consistency.
  • Color, contrast & accessibility: WCAG-ready contrast, design-token-driven colors, and accessible focus states.
  • Interaction polish: Complete default/hover/focus/active/disabled/loading/error/success states for interactive elements.
  • Common use case: Before shipping, apply polish to a feature to ensure visual and interaction quality.

Quick Start

Run a final polish pass on the current design to fix alignment, spacing, typography, and copy inconsistencies.

Frequently Asked Questions about polish

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

FAQPage Schema
How do I polish UI designs to fix alignment and spacing before shipping?▼

To polish UI designs, apply a final quality pass that enforces pixel-perfect grid alignment, consistent component spacing, and typography hierarchy across web and mobile breakpoints before shipping.

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

A UI design polish pass is a final quality review that fixes alignment, spacing, and detail consistency issues. You need it before shipping to elevate good interfaces to pixel-perfect perfection.

How do I ensure accessibility and color contrast in my design system?▼

To ensure accessibility and color contrast in your design system, apply design-token-driven colors and verify WCAG-ready contrast ratios alongside accessible focus states during the final UI polish pass.

Can I use this to check interaction states across mobile and web breakpoints?▼

Yes, you can use this to check interaction states across mobile and web breakpoints. It verifies default, hover, focus, active, disabled, loading, error, and success states for interactive elements.

What's the best way to establish typography hierarchy and readability for interfaces?▼

The best way to establish typography hierarchy and readability is to define appropriate line lengths, line heights, and copy consistency across components during a comprehensive visual polish pass.

Related Skills

Explore More Design & Creative Skills→
hossain-khanhossain-khan

arrange

Audit UI layouts and document spacing scales for responsive design.

Community
Advanced
SuperCorksSuperCorks

frontend-design

Enforce typography, spacing, color contrast, and interaction states in frontend UI design workflows.

Community
Basic
i3ringiti3ringit
3

frontend-design

Generates frontend interfaces with design tokens and responsive, accessible styles.

Community
Intermediate
CrazyDubyaCrazyDubya

accessibility-auditor

Audit web applications for WCAG 2.1 Level AA accessibility compliance.

Community
Intermediate