skills.rest
hjung3113
hjung3113COMMUNITY
Explore all skills by this author →
GitHub

polish

Review UI designs and code for alignment, accessibility, and performance.

Updated Apr 20, 2026
Search Tags:#typography#design#ui#performance#accessibility#alignment#visual
One-click install
npx skills add https://github.com/hjung3113/vocpage --skill polish-hjung3113
Or copy as Structured Prompt for Agent▼
Please help me install this Agent Skill.
Skill: polish
Source: https://github.com/hjung3113/vocpage/tree/main/.claude/skills/polish
Command: npx skills add https://github.com/hjung3113/vocpage --skill polish-hjung3113

SYSTEM DOCUMENTATION & REQUIREMENTS

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

What problem does it solve?

This Skill ensures that digital interfaces, documents, and content meet high standards of visual, functional, and contextual quality, reducing errors and inconsistencies.

Core Features & Use Cases

  • Design System Alignment: Checks and aligns UI elements with existing design tokens and style guides.
  • Visual and Typographic Polish: Corrects spacing, alignment, typography hierarchy, and color contrast issues.
  • Final Quality Review: Performs a systematic review of micro-interactions, transitions, accessibility, responsiveness, and performance.
  • Use Case: A developer finishes a feature and runs this Skill to ensure visual consistency and accessibility before release, catching pixel misalignments and contrast issues.

Quick Start

Invoke the polish skill on your current project or component to automatically review and suggest improvements for visual consistency and polish.

Frequently Asked Questions about polish

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

FAQPage Schema
How do I check my UI design for visual alignment and accessibility issues?▼

To check UI design for visual alignment and accessibility, analyze your interface against established design tokens and style guides. This process corrects spacing, color contrast, and typography hierarchy to ensure professional visual consistency.

What is the best way to ensure frontend code adheres to design tokens before release?▼

Ensuring frontend code adheres to design tokens involves performing a systematic review of your code implementation against existing style guides. This enforces interaction standards and performance best practices, catching pixel misalignments and contrast issues.

Can I use an automated review to fix typography hierarchy and spacing in my web application?▼

Yes, you can use an automated review to fix typography hierarchy and spacing in a web application. It analyzes user interface designs to correct typographic polish, enforcing adherence to design tokens and interaction standards for consistent output.

Does UI polish review also check micro-interactions and responsiveness?▼

Yes, UI polish review also checks micro-interactions and responsiveness. A final quality review systematically evaluates transitions, accessibility, and performance alongside visual alignment to ensure a flawless finish.

Why does my frontend component have visual inconsistencies despite using a design system?▼

Frontend components have visual inconsistencies despite using a design system when code implementations deviate from established design tokens. Analyzing the interface systematically identifies and corrects these spacing, alignment, and contrast issues.

Related Skills

Explore More Design & Creative Skills→
EdgeHuntEdgeHunt

ck:frontend-design

Translate design tokens and guidelines into functional frontend code.

Official
Intermediate
safzanpiranisafzanpirani
1

make-interfaces-feel-better

Apply design engineering principles to UI components with CSS and JavaScript.

Community
Intermediate
jey3dayojey3dayo

design-system-review

Automate UI change reviews for design-system compliance and token usage.

Community
Intermediate
teegin-gteegin-g

polish

Polish UI designs for pixel-perfect alignment, spacing, and detail consistency.

Community
Advanced