skills.rest
TheCardGoat
TheCardGoatOFFICIAL
Explore all skills by this author →
Website𝕏@CardGoatOnlineGitHub

polish

Run a systematic final polish pass on completed UI features.

14|5|Updated Mar 16, 2026
Search Tags:#quality assurance#performance#accessibility#responsive design#micro-interactions#interaction states#ui polish
One-click install
npx skills add https://github.com/TheCardGoat/lorcana-simulator --skill polish-thecardgoat
Or copy as Structured Prompt for Agent▼
Please help me install this Agent Skill.
Skill: polish
Source: https://github.com/TheCardGoat/lorcana-simulator/tree/main/.agents/skills/polish
Command: npx skills add https://github.com/TheCardGoat/lorcana-simulator --skill polish-thecardgoat

SYSTEM DOCUMENTATION & REQUIREMENTS

What problem does it solve?

This Skill helps you finish and elevate a feature by performing a final, systematic quality pass so it feels consistent, intentional, and reliable in real use.

Core Features & Use Cases

  • Pre-polish assessment: clarifies completeness, known TODOs to preserve, quality bar, and what must not be polished before functionality is done.
  • Systematic polish checklist: verifies visual alignment/spacing, typography, color/contrast accessibility, and all interaction states.
  • Micro-interactions and edge-case hardening: checks transitions, reduced motion support, loading/empty/error/success states, responsiveness, and performance (CLS/jank) before release.

Quick Start

Use the polish skill to run a final pass on the feature you just finished and produce a checklist of remaining issues to fix before marking it ready.

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 UI polish pass before shipping a feature?▼

Run a final polish pass by checking alignment and spacing, typography accessibility, full interaction state coverage, micro-interactions with reduced-motion support, and performance metrics like CLS before release.

What is UI polish and when do I need it in the design process?▼

UI polish is a final quality pass applied after a feature reaches completeness, focusing on detail-level consistency, edge-case handling, and interaction state verification before release.

How do I check interaction states and micro-interactions for accessibility?▼

Check interaction states by verifying transitions, hover and focus states, and ensuring all micro-interactions include reduced-motion support for accessibility compliance.

Can I polish a UI feature that still has unfinished functionality?▼

No, polish should only apply to completed UI work where functionality is done; a pre-polish assessment clarifies known TODOs to preserve and identifies what must not be polished yet.

What edge cases should I handle during a pre-release quality pass?▼

Handle loading, empty, error, and success states during a pre-release quality pass, while also verifying responsive design behavior and performance robustness to prevent CLS and jank.

Why does my UI feel inconsistent despite being functionally complete?▼

Your UI likely lacks a final polish pass to verify visual alignment, typography hierarchy, color contrast accessibility, and consistent interaction states across all components.

Related Skills

Explore More Design & Creative Skills→
wasintohwasintoh
90

design-excellence

Polish AI-built UI with color, typography, spacing, and motion guidelines.

Community
Basic
timurgaleevtimurgaleev
5

canary

Monitor post-deploy web apps for defects and performance regressions.

Community
Advanced
CANTAGESTUDIOCANTAGESTUDIO
3

accessibility-contrast-audit

Audit UI color contrast and accessibility metrics against WCAG guidelines.

Community
Intermediate
han-so1omonhan-so1omon
1

polish

Identify and fix visual and copy-quality issues using a structured polish checklist.

Community
Intermediate