polish

Automate a final polish pass to fix alignment and spacing inconsistencies.

Updated Apr 19, 2026
One-click install
npx skills add https://github.com/tripathishashikant/vue-lab --skill polish-tripathishashikant
Or copy as Structured Prompt for Agent
Please help me install this Agent Skill.
Skill: polish
Source: https://github.com/tripathishashikant/vue-lab/tree/main/.gemini/skills/polish
Command: npx skills add https://github.com/tripathishashikant/vue-lab --skill polish-tripathishashikant

SYSTEM DOCUMENTATION & REQUIREMENTS

What problem does it solve?

This Skill provides a structured, repeatable approach to applying a final polish pass that fixes visual misalignments, inconsistent spacing, typographic issues, and micro-details that degrade perceived quality.

Core Features & Use Cases

  • Final visual polish: Aligns spacing, typography, colors, and components to the design system.
  • Consistency across surfaces: Ensures tokens are used consistently across pages, components, and states.
  • Use Case: When a product is nearing release and multiple QA feedback items exist, run this polish to unify the look and feel.

Quick Start

Use a final polish pass to fix alignment and spacing 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?

To fix UI alignment and spacing inconsistencies before shipping, run a final polish pass that applies token-based spacing and design system rules to unify visual details across components and pages.

What is a final polish pass for frontend design systems?

A final polish pass for frontend design systems is a checklist-driven workflow that reviews global style consistency, accessible focus states, and micro-details to resolve visual misalignments before launch.

How do I ensure design token consistency across multiple UI states?

To ensure design token consistency across multiple UI states, use an automated review workflow that checks spacing, typography, and color tokens across pages, components, and interactive states during late-stage development.

Can I use a checklist-driven workflow for accessible focus states and pre-launch checks?

Yes, you can use a checklist-driven polish workflow for accessible focus states and pre-launch checks, verifying that global style consistency and token-based spacing meet functional requirements before release.

What is the best way to handle QA feedback for visual misalignments in late-stage development?

The best way to handle QA feedback for visual misalignments in late-stage development is to run a structured polish pass that aligns typography, colors, and components to the design system, resolving multiple items at once.

When should I not use an automated UI polish workflow?

You should not use an automated UI polish workflow during early-stage development or structural layout changes, as it targets late-stage pre-launch checks for micro-detail inconsistencies rather than foundational design architecture.