design-polish

Refine typography, color, spacing, and responsiveness in web UIs.

Updated Mar 18, 2026

Search Tags:#typography #design #ui #accessibility #layout #color #polish

Ready to run

npx skills add https://github.com/kanitmann01/TitanTale-Analytics --skill design-polish-kanitmann01

💬 Prompt for ChatGPT / Claude Chat▼

Please help me install this Agent Skill.
Skill: design-polish
Source: https://github.com/kanitmann01/TitanTale-Analytics/tree/main/.cursor/skills/design-polish
Command: npx skills add https://github.com/kanitmann01/TitanTale-Analytics --skill design-polish-kanitmann01

SYSTEM DOCUMENTATION & REQUIREMENTS

What problem does it solve?

Polishes UI to ensure visual quality and consistency across typography, color, spacing, and motion.

Core Features & Use Cases

Typography: establishes readable scales and coherent font pairings.
Layout & Spacing: refines grids, rhythm, and responsive behavior.
Motion & Accessibility: validates transitions respect reduced motion and accessibility standards.
Use Case: when reviewing the web UI, run a polish pass to elevate the overall style quality.

Quick Start

Run a polish pass on the web UI to apply typography, color, and layout refinements to the current build.

Frequently Asked Questions about design-polish

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

FAQPage Schema

How do I polish UI typography and spacing for a more consistent visual design?▼

To polish UI typography and spacing, you apply a review pass that refines readable font scales, coherent pairings, grids, and rhythm. This establishes visual quality and consistency across typography, color, spacing, and motion in the web interface.

What is a UI polish pass and when do I need to run one?▼

A UI polish pass is a review workflow that detects typographic harmony, cohesive color systems, adaptive layouts, and motion quality. You need it when reviewing a web build to elevate overall style quality and ensure accessibility-friendly behavior.

How do I validate motion and accessibility standards in my web layout?▼

You validate motion and accessibility by checking that transitions respect reduced motion settings and accessibility standards. This ensures adaptive layouts maintain accessibility-friendly behavior while validating motion quality across the web UI.

Can I use a design polish workflow on any web UI build?▼

Yes, you can apply a design polish workflow to any UI located in the web directory. It governs the workflow, ordering, and priority of fixes through a single integration point, refining typography, color, spacing, and responsiveness.

What's the best way to establish a cohesive color system and readable typography scales?▼

The best way to establish a cohesive color system and readable typography scales is running a structured polish pass. This refines grids and responsive behavior while detecting typographic harmony and adaptive layout quality across the UI.