polish

Enforce alignment, spacing, typography, and token consistency in UI reviews.

Updated Dec 19, 2024
One-click install
npx skills add https://github.com/heyramzi/clickup-utils --skill polish-heyramzi
Or copy as Structured Prompt for Agent
Please help me install this Agent Skill.
Skill: polish
Source: https://github.com/heyramzi/clickup-utils/tree/main/.claude/skills/polish
Command: npx skills add https://github.com/heyramzi/clickup-utils --skill polish-heyramzi

SYSTEM DOCUMENTATION & REQUIREMENTS

What problem does it solve?

Performs a meticulous final pass to catch all the small details that separate good work from great work, ensuring alignment, spacing, typography, and token-consistency before shipping.

Core Features & Use Cases

  • Pixel-perfect alignment and spacing across components according to the design system.
  • Typography and token usage consistency to ensure accessible, cohesive UI.
  • Pre-launch quality checks and copy edits to prevent drift before release.

Quick Start

Run a final polish pass on the current build to fix visual details and align with the design system.

Frequently Asked Questions about polish

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

FAQPage Schema
How do I check UI alignment and design token consistency before shipping?

A pre-launch UI quality check enforces pixel-perfect alignment, spacing, and typography by validating components against a defined design system and token definitions, ensuring cohesive and accessible UI across all platforms.

When do I need a final UI polish pass for my design system?

A final UI polish pass is needed during design reviews, UI refresh tasks, and pre-launch checks to catch small visual details and ensure typography and token usage remain consistent across platforms, screens, and components.

Do I need a defined design system with token definitions to run a UI polish check?

Yes, validating UI polish requires a defined design system and token definitions to enforce alignment, spacing, and typography consistency across components and platforms.

What's the best way to fix typography and spacing drift across UI components?

The best way to fix typography and spacing drift is to run a checklist-based validation workflow that enforces token usage and pixel-perfect alignment according to your existing design system.

Can I use a checklist workflow to validate UI refresh tasks across multiple platforms?

Yes, a checklist-based workflow can validate UI refresh tasks across multiple platforms, screens, and components by enforcing design token consistency and alignment during the review process.