skills.rest
ky-zo
ky-zoCOMMUNITY
Explore all skills by this author →
GitHub

polish

Fix alignment, spacing, typography, and content details in UI components.

Updated Aug 12, 2023
Search Tags:#typography#accessibility#layout#design-system#polish#visual-consistency#ui-quality
One-click install
npx skills add https://github.com/ky-zo/kyzo --skill polish-ky-zo
Or copy as Structured Prompt for Agent▼
Please help me install this Agent Skill.
Skill: polish
Source: https://github.com/ky-zo/kyzo/tree/main/.agents/skills/polish
Command: npx skills add https://github.com/ky-zo/kyzo --skill polish-ky-zo

SYSTEM DOCUMENTATION & REQUIREMENTS

What problem does it solve?

Final quality pass to fix alignment, spacing, consistency, and detail issues that separate good from great, ensuring shipped products feel cohesive and polished.

Core Features & Use Cases

  • Systematic visual polish: alignment, spacing, and typography refinements aligned to design tokens
  • Consistency enforcement: ensure copy, icons, and components follow the same style and voice
  • Use Case: perform a final review before release to catch edge cases and ensure accessibility and readability

Quick Start

Review the current UI for alignment, spacing, and typography inconsistencies and apply the design-system guidelines to finalize the polish before shipping.

Frequently Asked Questions about polish

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

FAQPage Schema
How do I fix UI alignment and spacing inconsistencies before shipping?▼

Fix UI alignment and spacing by applying a final visual polish pass that enforces design-token consistency across components, layouts, and copy to deliver a ship-ready interface.

What is the best way to ensure typography and visual consistency across a design system?▼

Ensure typography and visual consistency by systematically refining UI details against design-system guidelines, aligning text styles, spacing, and components to shared tokens for cohesive readability.

Can I use this to check accessibility and interaction readiness for edge cases?▼

Yes, you can check accessibility and interaction readiness through comprehensive guardrails that cover visual accuracy, interaction states, and edge cases before final release.

When do I need a final polish pass for UI quality?▼

You need a final polish pass when good UI must become great, catching detail issues in alignment, spacing, and consistency to ensure shipped products feel cohesive and visually refined.

Does this design polish process require existing design tokens to work?▼

The process emphasizes design-token consistency to finalize alignment, spacing, and typography, so having existing design-system guidelines available ensures the most accurate and systematic visual refinements.

Related Skills

Explore More Design & Creative Skills→
Kael-DeanKael-Dean

polish

Correct visual alignment, spacing, and detailing across UI elements.

Community
Advanced
indroputrantoindroputranto
1

polish

Review visual and interaction design components for alignment, spacing, and consistency.

Community
Advanced
kmshihab7878kmshihab7878
6

impeccable-polish

Fix alignment, spacing, consistency, and micro-detail issues in UI/UX deliverables.

Community
Advanced
praburajasekaranpraburajasekaran

design-implementation-reviewer

Compare live UI components with Figma designs and report visual discrepancies.

Community
Advanced