skills.rest
indigoai-us
indigoai-usOFFICIAL
Explore all skills by this author →
WebsiteGitHub

polish

Apply a structured polish checklist to frontend UI reviews and QA passes.

Updated Aug 27, 2026
Search Tags:#typography#accessibility#polish#visual-design#ui-consistency#design-quality#interaction-states
One-click install
npx skills add https://github.com/indigoai-us/hq --skill polish-indigoai-us
Or copy as Structured Prompt for Agent▼
Please help me install this Agent Skill.
Skill: polish
Source: https://github.com/indigoai-us/hq/tree/main/template/workers/public/impeccable-designer/skills/polish
Command: npx skills add https://github.com/indigoai-us/hq --skill polish-indigoai-us

SYSTEM DOCUMENTATION & REQUIREMENTS

What problem does it solve?

Final polish is the last quality gate, ensuring alignment, spacing, typography, color contrast, and interaction details meet a pixel-perfect standard before shipping.

Core Features & Use Cases

  • Systematic visual alignment and spacing checks across breakpoints to enforce grid consistency.
  • Typography refinement, color/contrast checks, and copy consistency to eliminate micro-issues.
  • End-to-end polish workflow for frontend components, covering interactive states, transitions, and accessibility.
  • Use Case: Before releasing a feature, run the polish protocol to catch spacing quirks, ensure consistent typography, and improve perceived performance.

Quick Start

Run the design polish protocol on the latest build to apply the final visual and interaction refinements.

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 polish checklist for frontend UI components before release?▼

Run a design polish protocol on your latest build to systematically check layout, typography, color contrast, states, motion, copy, icons, accessibility, and responsive behavior for pixel-perfect quality.

What is the best way to ensure visual alignment and spacing consistency across responsive breakpoints?▼

Perform systematic visual alignment and spacing checks across breakpoints to enforce grid consistency, catching micro-issues and spacing quirks during a final QA pass.

How do I check color contrast and typography refinement for UI accessibility?▼

Execute typography refinement and color contrast checks as part of an end-to-end polish workflow to eliminate micro-issues and ensure interaction states meet accessibility standards.

Can I use this polish protocol for both web and mobile component design handoffs?▼

Yes, the polish protocol applies to frontend UI reviews and design handoffs across web and mobile components, covering interactive states, transitions, and accessibility details.

Does final UI polish cover interaction states and transitions for perceived performance?▼

Yes, the end-to-end polish workflow covers interactive states, transitions, and motion details to improve perceived performance before shipping a feature.

Why does my UI design handoff still have spacing quirks and inconsistent typography?▼

Missing a final quality gate causes spacing quirks and inconsistent typography; applying a structured polish checklist ensures alignment and interaction details meet a pixel-perfect standard.

Related Skills

Explore More Design & Creative Skills→
MrlykMrlyk

polish

Inspect final UI designs for alignment, spacing, typography, color, and interaction states.

Community
Intermediate
cosmixcosmix
53

md-tables

Fix alignment and spacing issues in Markdown tables.

Community
Basic
Bigalan09Bigalan09
1

polish

Apply a final UI polish checklist covering alignment, typography, and accessibility.

Community
Advanced
Michae2xlMichae2xl

browser-qa

Automate visual regression, interaction, and accessibility tests on web pages.

Community
Advanced