skills.rest
heyramzi
heyramziCOMMUNITY
Explore all skills by this author →
Website𝕏@heyramziGitHub

polish

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

Updated Dec 19, 2024
Search Tags:#typography#design#quality#alignment#tokens#polish#ui-review
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.

Related Skills

Explore More Design & Creative Skills→
mahou-labsmahou-labs
1

normalize

Normalize feature UI to align with design-system tokens and components.

Official
Advanced
webrix-aiwebrix-ai
1

design-handoff

Extract design specifications and implementation details from Figma handoff materials.

Official
Intermediate
samymitysamymity
1

browser-qa

Automate end-to-end browser QA for web applications with smoke, interaction, visual regression, and accessibility checks.

Community
Intermediate
TheBushidoCollectiveTheBushidoCollective
187

eslint-custom

Automate creation and publishing of custom ESLint rules and plugins.

Official
Advanced