polish

Audit UI alignment, spacing, typography, color, interactions, and responsiveness.

2|Updated Mar 21, 2026
One-click install
npx skills add https://github.com/Daiwik-Chilukuri/HTI-LAB-AGENTIC-AI --skill polish-daiwik-chilukuri
Or copy as Structured Prompt for Agent
Please help me install this Agent Skill.
Skill: polish
Source: https://github.com/Daiwik-Chilukuri/HTI-LAB-AGENTIC-AI/tree/main/.claude/skills/polish
Command: npx skills add https://github.com/Daiwik-Chilukuri/HTI-LAB-AGENTIC-AI --skill polish-daiwik-chilukuri

SYSTEM DOCUMENTATION & REQUIREMENTS

What problem does it solve?

Final quality pass to elevate shipped work by fixing alignment, spacing, consistency, and detail issues that separate good from great.

Core Features & Use Cases

  • Visual Alignment & Spacing: Pixel-perfect alignment, consistent spacing, and responsive behavior across breakpoints.
  • Typography & Color: Consistent typography hierarchy and accessible color contrast across themes.
  • Interaction States & Performance: Complete interaction state coverage, smooth transitions, motion respect, and performance considerations.
  • Content & Accessibility: Copy consistency, iconography, form labeling, and accessibility checks for ARIA and keyboard navigation.

Quick Start

Run a full polish pass on the current UI, auditing alignment, typography, color, interactions, copy, and responsiveness.

Frequently Asked Questions about polish

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

FAQPage Schema
How do I ensure UI design consistency across multiple breakpoints and themes?

To ensure UI design consistency, run a final quality pass that audits visual alignment, spacing, typography, and color contrast across all breakpoints and themes. This fixes detail issues that separate good interfaces from great ones.

What is included in a UI polish checklist for front-end design systems?

A UI polish checklist covers visual alignment, consistent spacing, typography, accessible color contrast, interaction states, motion preferences, copy consistency, iconography, responsive behavior across breakpoints, and performance considerations.

How do I fix accessibility and color contrast issues in my dashboard interface?

Fix accessibility and color contrast issues by auditing your dashboard for ARIA compliance, keyboard navigation, and sufficient color contrast ratios across themes. A final polish pass ensures these accessibility checks are met.

Does this UI polish approach work for content-rich forms and dashboards?

Yes, this UI polish approach works for content-rich forms and dashboards by checking form labeling, copy consistency, iconography, and complete interaction state coverage while maintaining responsiveness across multiple breakpoints.

How do I handle interaction states and motion preferences in a polished UI?

Handle interaction states and motion preferences by ensuring complete state coverage, smooth transitions, and explicit respect for reduce-motion preferences. A polish pass verifies these performance and interaction details are implemented.