polish

Performs a structured polish pass on a feature to eliminate visual and interaction inconsistencies.

10|3|Updated Apr 1, 2018
One-click install
npx skills add https://github.com/kaishin/redalemeden.com --skill polish-kaishin
Or copy as Structured Prompt for Agent
Please help me install this Agent Skill.
Skill: polish
Source: https://github.com/kaishin/redalemeden.com/tree/main/.agents/skills/polish
Command: npx skills add https://github.com/kaishin/redalemeden.com --skill polish-kaishin

SYSTEM DOCUMENTATION & REQUIREMENTS

What problem does it solve?

This skill performs a meticulous final polish to fix alignment, spacing, consistency, and micro-detail issues before shipping, helping teams move from good to great.

Core Features & Use Cases

  • Visual alignment & spacing: ensures pixel-perfect alignment to grid and consistent spacing across breakpoints.
  • Typography & color refinement: standardizes typography hierarchy and token-based color usage for readability and brand coherence.
  • Interaction polish: closes gaps in hover, focus, active, and disabled states; validates motion and transitions for a smooth user experience.
  • Pre-launch validation: checks for accessibility, copy consistency, and design-system conformance to ensure production readiness.

Quick Start

Execute a final polish pass on the current feature, aligning visuals with the design system and refining typography, spacing, and interactions.

Frequently Asked Questions about polish

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

FAQPage Schema
How do I fix visual alignment and spacing inconsistencies before shipping a feature?

To fix visual alignment and spacing inconsistencies, perform a structured polish pass that enforces pixel-perfect grid alignment and standardizes spacing across desktop and mobile breakpoints. This ensures a cohesive final product.

What is a design system polish pass and when do I need it?

A design system polish pass is a final quality check that eliminates micro-detail issues across typography, color, and interactions. You need it when moving a feature from good to great before production launch.

How do I ensure accessibility and interaction states are ready for production?

To ensure accessibility and interaction readiness, validate hover, focus, active, and disabled states against a defined checklist. This closes interaction gaps and verifies motion transitions for a smooth user experience.

Can I standardize typography hierarchy and color tokens across desktop and mobile contexts?

Yes, you can standardize typography hierarchy and token-based color usage across desktop and mobile contexts. This refinement ensures readability and brand coherence by applying consistent design-system alignment.

What's the best way to validate design-system conformance and copy consistency for pre-launch?

The best way to validate pre-launch conformance is to execute a final polish pass checking accessibility, copy consistency, and design-system alignment. This confirms production readiness by following defined measurement criteria.

Does a final polish pass handle error handling and state validation?

Yes, a final polish pass handles error validation by following a defined checklist that includes error handling and measurement criteria. This ensures robust state management and production readiness.