skills.rest
indroputranto
indroputrantoCOMMUNITY
Explore all skills by this author →
GitHub

polish

Review visual and interaction design components for alignment, spacing, and consistency.

1|Updated Apr 3, 2026
Search Tags:#quality control#UI/UX design#polishing#design quality assurance#final polish
One-click install
npx skills add https://github.com/indroputranto/docling-fleet --skill polish-indroputranto
Or copy as Structured Prompt for Agent▼
Please help me install this Agent Skill.
Skill: polish
Source: https://github.com/indroputranto/docling-fleet/tree/main/.agents/skills/polish
Command: npx skills add https://github.com/indroputranto/docling-fleet --skill polish-indroputranto

SYSTEM DOCUMENTATION & REQUIREMENTS

💡 This Skill includes scripts (resource) and references (resource) components.

What problem does it solve?

This Skill is designed to address the need for a final quality check before shipping a product, ensuring alignment, spacing, consistency, and attention to micro-details are perfect.

Core Features & Use Cases

  • Final Quality Assurance: A meticulous final pass over design work to ensure all elements align correctly, spacing is consistent, and all components meet the quality standards.
  • Design System Alignment: Aligns features with existing design systems if they exist, otherwise follows conventions visible in the codebase.
  • Polish Checklist: A comprehensive checklist to verify all aspects of visual alignment, typography, color & contrast, interaction states, transitions, content, and icons are polished to perfection.

Quick Start

Use the polish skill to apply a final polish to your UI/UX design before it's ready for launch.

Frequently Asked Questions about polish

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

FAQPage Schema
How do I run a final quality check for UI/UX design alignment and spacing before shipping?▼

A polish checklist verifies visual alignment, typography, color contrast, interaction states, transitions, content, and icons. It also checks accessibility and performance standards to ensure the final product is polished and ready for release.

What is the best way to align new UI components with an existing design system?▼

Aligning UI components with a design system requires checking features against existing conventions in the codebase. If no system exists, the process follows visible conventions to maintain visual consistency and interaction standards.

Does design quality assurance cover accessibility and interaction states?▼

Design quality assurance covers accessibility and interaction states by applying a comprehensive polish checklist. This verifies color contrast, interactive states, transitions, and performance standards to ensure the product is fully accessible and release-ready.

Why does my UI design look inconsistent before launch?▼

UI design looks inconsistent before launch when alignment, spacing, and micro-details lack a final quality assurance pass. Applying a polish checklist fixes typography, color, and interaction state discrepancies to ensure consistency.

Can I use a final polish checklist for both visual and interaction design components?▼

A final polish checklist applies to both visual and interaction design components. It meticulously checks visual alignment, typography, and color alongside interaction states, transitions, and accessibility standards to ensure release readiness.

Related Skills

Explore More Design & Creative Skills→
yyykkkunyyykkkun

impeccable

Designs, critiques and enhances frontend interfaces using automated UI/UX tools.

Community
Advanced
mainliufengmainliufeng
1

frontend-design

Generate production-grade frontend interfaces with HTML/CSS/JS or React/Vue components.

Community
Advanced
oriysoriys

polish

Polish UI alignment, spacing, typography, color contrast, and interaction states.

Community
Advanced
distribucionesfayosmoreno-sysdistribucionesfayosmoreno-sys

ui-visual-validator

Validate UI modifications for visual regression, compliance, and accessibility.

Community
Advanced