polish

Fix alignment, spacing, typography, and micro-details in front-end code.

14|1|Updated May 6, 2026
One-click install
npx skills add https://github.com/wzyxdwll/ccgx-workflow --skill polish-wzyxdwll
Or copy as Structured Prompt for Agent
Please help me install this Agent Skill.
Skill: polish
Source: https://github.com/wzyxdwll/ccgx-workflow/tree/main/templates/skills/impeccable/polish
Command: npx skills add https://github.com/wzyxdwll/ccgx-workflow --skill polish-wzyxdwll

SYSTEM DOCUMENTATION & REQUIREMENTS

What problem does it solve?

This polish framework guides a meticulous final pass to fix alignment, spacing, typography, and micro-details, ensuring pre-launch quality and consistency across UI surfaces.

Core Features & Use Cases

  • Structured polish workflow: systematic checks across visual alignment, typography, color, and interactions.
  • Pre-release readiness: ensures consistency before shipping, catching edge cases and accessibility concerns.
  • Use Case: apply the polish process to a UI component library to achieve pixel-perfect alignment and copy consistency across pages.

Quick Start

Inspect the current UI and perform a final polish pass following the protocol described in the MANDATORY PREPARATION section, starting with gathering the design context.

Frequently Asked Questions about polish

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

FAQPage Schema
How do I perform a final UI polish pass for pre-release alignment and spacing?

To perform a final UI polish pass, systematically check visual alignment, spacing, typography, and micro-details across your front-end code to ensure pixel-perfect consistency before shipping. This structured workflow catches edge cases and accessibility concerns.

What is the best way to fix typography and visual alignment inconsistencies in a component library?

Fixing typography and visual alignment inconsistencies requires a meticulous final quality pass that applies a structured checklist across your design artifacts and front-end code, achieving pixel-perfect copy and layout consistency across all UI surfaces.

Does this UI polish workflow work with React and Vue CSS frameworks?

Yes, this UI polish workflow applies to pre-release front-end code across React, Vue, and CSS frameworks, ensuring pixel-perfect consistency and accessibility readiness by fixing alignment, spacing, and typography micro-details.

How do I ensure pre-launch design quality and catch edge cases in my UI?

To ensure pre-launch design quality and catch edge cases, apply a structured polish process that gathers design context and conducts systematic checks across visual alignment, color, typography, and interactions before releasing your product.

Why does my UI look misaligned and how do I achieve pixel-perfect consistency?

Your UI may look misaligned due to unresolved spacing and typography micro-details; achieving pixel-perfect consistency requires a meticulous final quality pass that systematically checks visual alignment and interactions across your front-end code.

When do I need to run a UI polish checklist before shipping my product?

You need to run a UI polish checklist before shipping when ensuring pre-release readiness, as it systematically catches visual alignment, spacing, typography, and accessibility concerns to achieve launch-ready product quality.