skills.rest
yeshan333
yeshan333COMMUNITY
Explore all skills by this author →
WebsiteGitHub

polish

Review UI elements for alignment, spacing, typography, and interaction states.

94|4|Updated Mar 3, 2024
Search Tags:#quality assurance#code review#design system#UI polish#UX refinement#pre-shipment
One-click install
npx skills add https://github.com/yeshan333/awesome-tech-weekly-zh --skill polish-yeshan333
Or copy as Structured Prompt for Agent▼
Please help me install this Agent Skill.
Skill: polish
Source: https://github.com/yeshan333/awesome-tech-weekly-zh/tree/main/.agents/skills/polish
Command: npx skills add https://github.com/yeshan333/awesome-tech-weekly-zh --skill polish-yeshan333

SYSTEM DOCUMENTATION & REQUIREMENTS

What problem does it solve?

This Skill ensures that a feature or product is meticulously refined to meet the highest standards of quality, usability, and aesthetic appeal before release.

Core Features & Use Cases

  • Visual Consistency: Aligns elements, ensures consistent spacing, and checks typography.
  • Interaction Polish: Verifies all interaction states (hover, focus, active, disabled) and smooths transitions.
  • Content Refinement: Checks for copy consistency, grammar, and spelling.
  • Use Case: After a new feature is functionally complete, use this Skill to perform a final review, catching subtle alignment issues, inconsistent button states, and minor typos that would detract from the user experience.

Quick Start

Run the polish skill to perform a final quality check on the user profile section.

Frequently Asked Questions about polish

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

FAQPage Schema
How do I perform a final UI polish and quality pass before shipping a feature?▼

A final UI polish checks visual alignment, spacing, typography, interaction states, and responsiveness to ensure quality. This process reviews all UI elements against design principles and accessibility standards before release.

What does a pre-shipment UX refinement process cover for web applications?▼

Pre-shipment UX refinement covers visual consistency, interaction states like hover and focus, micro-interactions, and content consistency. It verifies smooth transitions and copy consistency to eliminate subtle aesthetic and usability issues.

When do I need to run a code review focused on design system alignment?▼

You need a design system code review when a feature is functionally complete but requires aesthetic refinement. It catches inconsistent button states, minor typos, and alignment issues that detract from the user experience before shipping.

Can I use this quality assurance check for accessibility standards and interaction states?▼

Yes, this quality assurance check verifies all interaction states including hover, focus, active, and disabled. It ensures adherence to accessibility standards and design principles during the final review of UI elements.

What is the best way to catch visual alignment and typography inconsistencies before release?▼

The best way to catch visual inconsistencies is a meticulous final review of all UI elements and states. This quality pass aligns elements, ensures consistent spacing, and checks typography against established design principles.

Does UI polish fix content consistency issues like grammar and spelling mistakes?▼

Yes, content refinement is a core part of UI polish that checks for copy consistency, grammar, and spelling. This ensures the shipped feature meets high standards of quality and usability without minor typos.

Related Skills

Explore More Software Engineering Skills→
Starchild-ai-agentStarchild-ai-agent
1

@349/starchild-design-pack

Design interfaces and generate Starchild design tokens for frontend code changes.

Official
Advanced
Maj3D10Maj3D10
1

ci-cd

Automate .NET CI/CD pipelines for GitHub Actions and Azure DevOps.

Community
Intermediate
distribucionesfayosmoreno-sysdistribucionesfayosmoreno-sys

ui-visual-validator

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

Community
Advanced
alangebalangeb

code-review-workflow

Run pyscan, pyanalyze, ruff, and black to generate a unified markdown report.

Community
Intermediate