polish

Audits web UI alignment, spacing, typography, and interaction states against design guidelines.

Updated Apr 5, 2026
One-click install
npx skills add https://github.com/HemanthTenneti/dots --skill polish-hemanthtenneti
Or copy as Structured Prompt for Agent
Please help me install this Agent Skill.
Skill: polish
Source: https://github.com/HemanthTenneti/dots/tree/main/opencode/skills/impeccable/polish
Command: npx skills add https://github.com/HemanthTenneti/dots --skill polish-hemanthtenneti

SYSTEM DOCUMENTATION & REQUIREMENTS

💡 This Skill includes references (resource) components.

What problem does it solve?

This Skill helps teams and designers ensure their work is polished and free of minor inconsistencies, elevating quality before release.

Core Features & Use Cases

  • Visual refinement: Aligns elements pixel-perfectly and ensures consistent spacing.
  • Typography smoothing: Standardizes font sizes, line heights, and spacing for clearer readability.
  • Interaction polishing: Completes all interactive states and smoothens transitions to enhance user experience.
  • Use Case: A developer checks their web page for alignment and spacing issues, then makes adjustments to meet the brand's visual standards before deployment.

Quick Start

Review the current layout and fix any spacing or alignment issues according to the design guidelines.

Frequently Asked Questions about polish

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

FAQPage Schema
How do I finalize UI design for pixel-perfect web project deployment?

Finalize UI design by performing detailed visual inspections to align elements pixel-perfectly, adhere to design tokens, and implement proper states and transitions. This ensures your web project meets brand visual standards and is free of minor inconsistencies before release.

What is the best way to ensure accessibility and typography consistency in UX?

Ensure accessibility and typography consistency by standardizing font sizes, line heights, and spacing for clearer readability. This UX refinement process completes interactive states and smoothens transitions to enhance overall user experience.

Can I use this UI polish process for frontend development spacing and alignment fixes?

Yes, you can use this UI polish process for frontend development to check web pages for spacing and alignment issues. It guides developers to make adjustments according to design guidelines before deployment.

How do I complete missing interactive states and transitions for accessible designs?

Complete missing interactive states and transitions by applying interaction polishing techniques. This process smoothens transitions and finalizes all interactive states to ensure accessible designs function correctly.

Why does my UI design have visual inconsistencies before release?

Your UI design has visual inconsistencies before release due to unaligned elements, non-standardized typography, and incomplete interactive states. Performing meticulous final refinements and adhering to design tokens resolves these minor spacing and alignment issues.

Does UI polish require specific design tokens or frameworks?

UI polish requires adherence to existing design tokens for visual refinement, but does not depend on specific external frameworks. It focuses on thorough visual inspection and content consistency within your current web project environment.