skills.rest
raduceuca
raduceucaCOMMUNITY
Explore all skills by this author →
WebsiteGitHub

Design Polish Skill

Review UI components against design guidelines for spacing, typography, color, and accessibility.

Updated Jan 29, 2026
Search Tags:#design#ui#consistency#accessibility#review#polish
One-click install
npx skills add https://github.com/raduceuca/wcgw-fun --skill design-polish-skill
Or copy as Structured Prompt for Agent▼
Please help me install this Agent Skill.
Skill: Design Polish Skill
Source: https://github.com/raduceuca/wcgw-fun/tree/main/.claude/skills/design-polish
Command: npx skills add https://github.com/raduceuca/wcgw-fun --skill design-polish-skill

SYSTEM DOCUMENTATION & REQUIREMENTS

What problem does it solve?

This skill addresses the need for meticulous visual refinement of UI components, ensuring consistency, usability, and aesthetic appeal.

Core Features & Use Cases

  • Systematic Review: Provides a structured checklist for evaluating spacing, typography, color, interaction states, and responsiveness.
  • Consistency Enforcement: Helps maintain design system integrity by checking against defined scales and best practices.
  • Accessibility Check: Includes checks for focus states and touch target sizes.
  • Use Case: A designer can use this skill to perform a final polish pass on a new set of UI components before they are handed off to development, catching subtle inconsistencies.

Quick Start

Use the design polish skill to review the UI consistency of the new user profile card component.

Frequently Asked Questions about Design Polish Skill

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

FAQPage Schema
How do I perform a UI design polish pass on new components?▼

To perform a UI design polish pass, systematically check spacing, typography, color, interaction states, and responsiveness against your design guidelines using a structured review checklist.

What is the best way to ensure UI consistency across multiple components?▼

Ensuring UI consistency involves checking components against defined design scales and best practices. A systematic visual review enforces design system integrity by catching subtle deviations in spacing and typography.

Can I check accessibility standards during a visual UI review?▼

Yes, you can check accessibility standards during a visual UI review by verifying focus states and touch target sizes. This ensures components meet usability requirements before development handoff.

How do I review UI interaction states and responsiveness systematically?▼

Reviewing UI interaction states and responsiveness systematically requires following a detailed checklist that evaluates visual elements against established design guidelines to catch subtle inconsistencies.

When do I need a visual polish pass for my user interface?▼

You need a visual polish pass when finalizing new UI components for development handoff. This process addresses meticulous visual refinement, ensuring aesthetic appeal, usability, and adherence to design scales.

Does a UI consistency review require a predefined design scale?▼

A UI consistency review relies on predefined design scales to maintain design system integrity. Checking against these established scales ensures typography, spacing, and color choices remain uniform across components.

Related Skills

Explore More Design & Creative Skills→
qazuorqazuor

frontend-design

Guide UI teams through pre-coding design foundations for typography, color, and layout.

Community
Basic
haojing8312haojing8312
154

brainstorming

Guide teams from raw ideas to validated design concepts with structured steps.

Community
Advanced
effiemincereffiemincer

normalize

Normalize frontend UI components to match design system tokens.

Community
Advanced
distribucionesfayosmoreno-sysdistribucionesfayosmoreno-sys

ui-visual-validator

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

Community
Advanced