skills.rest
Akenzz
AkenzzCOMMUNITY
Explore all skills by this author →
WebsiteGitHub

polish

Perform a quality assurance pass on user interfaces for visual alignment, spacing, typography, interaction states, and responsiveness.

Updated Aug 23, 2026
Search Tags:#quality assurance#design system#user experience#frontend development#pixel perfect#ui polish
One-click install
npx skills add https://github.com/Akenzz/Breaking-Bug --skill polish-akenzz
Or copy as Structured Prompt for Agent▼
Please help me install this Agent Skill.
Skill: polish
Source: https://github.com/Akenzz/Breaking-Bug/tree/main/frontend/app/.cursor/skills/polish
Command: npx skills add https://github.com/Akenzz/Breaking-Bug --skill polish-akenzz

SYSTEM DOCUMENTATION & REQUIREMENTS

What problem does it solve?

This Skill addresses the critical final stage of development, ensuring a product's user interface is not just functional but also aesthetically refined and highly professional, catching subtle issues that detract from the user experience.

Core Features & Use Cases

  • Visual Consistency: Enforces pixel-perfect alignment, consistent spacing, and harmonious typography across the entire UI.
  • Interaction Polish: Ensures all interactive elements have complete and visually appropriate states (hover, focus, active, disabled, etc.).
  • Use Case: A design team has completed the core development of a new feature. Before launch, this Skill is used to meticulously review and refine all visual elements, ensuring it meets the highest standards of quality and user delight.

Quick Start

Use the polish skill to perform a final quality pass on the user interface.

Frequently Asked Questions about polish

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

FAQPage Schema
How do I perform a UI quality assurance pass for pixel perfect alignment?▼

A UI quality assurance pass systematically reviews visual alignment, spacing, typography, and interaction states. It enforces pixel perfect adherence to design tokens and accessibility standards to achieve a polished, production-ready user interface.

What is included in frontend design interaction polish for production readiness?▼

Frontend design interaction polish ensures all interactive elements have complete and visually appropriate states, including hover, focus, active, and disabled. It refines visual elements to meet quality standards and enhance user delight before launch.

When do I need to check design tokens and responsiveness for user experience refinement?▼

Check design tokens and responsiveness during the final development stage to ensure the user interface is aesthetically refined. This catches subtle issues and verifies adherence to performance best practices before launch.

Does UI polish check accessibility standards and visual consistency automatically?▼

UI polish systematically evaluates visual consistency and ensures adherence to accessibility standards. It utilizes frontend design principles and systematic checks across multiple dimensions to identify and resolve subtle visual detractors.

What is the best way to ensure typography and spacing consistency across a design system?▼

Perform a comprehensive quality assurance pass to ensure typography and spacing consistency. This enforces harmonious typography and consistent spacing across the entire UI according to established design system tokens.

Related Skills

Explore More Design & Creative Skills→
timhiebenthaltimhiebenthal
17

trellis-visual-guidance

Enforce Trellis visual guidance for consistent UI styling with Tailwind utilities.

Community
Intermediate
martinezharomartinezharo

web-perf

Analyze Core Web Vitals and network request chains for web performance.

Community
Advanced
TheGreatLTheGreatL

ui-visual-validator

Validate UI modifications for visual regressions, design compliance, and accessibility.

Community
Advanced
luisartolaluisartola

polish

Fix visual and interaction defects across desktop and mobile UI contexts.

Community
Advanced