skills.rest
kanitmann01
kanitmann01COMMUNITY
Explore all skills by this author →
WebsiteGitHub

design-polish

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

Updated Mar 18, 2026
Search Tags:#typography#design#ui#accessibility#layout#color#polish
One-click install
npx skills add https://github.com/kanitmann01/TitanTale-Analytics --skill design-polish-kanitmann01
Or copy as Structured Prompt for Agent▼
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.

Related Skills

Explore More Design & Creative Skills→
AkaraChenAkaraChen

polish

Reviews and fixes alignment, spacing, interaction states, and consistency issues in frontend interfaces before shipping.

Community
Intermediate
aniweianiwei

frontend-ui-ux

Translate design briefs into responsive HTML/CSS/JS frontend code.

Community
Basic
CutTheChexxCutTheChexx

brand-builder

Create cohesive brand identities and scalable design systems for web applications.

Community
Advanced
AskTinNguyenAskTinNguyen

polish

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

Community
Advanced