polish

Audits UI and product artifacts for alignment, spacing, consistency, accessibility, and copy issues.

1|Updated Oct 27, 2025
One-click install
npx skills add https://github.com/sandrasocial/sselfie-9g --skill polish-sandrasocial
Or copy as Structured Prompt for Agent
Please help me install this Agent Skill.
Skill: polish
Source: https://github.com/sandrasocial/sselfie-9g/tree/main/.agents/skills/polish
Command: npx skills add https://github.com/sandrasocial/sselfie-9g --skill polish-sandrasocial

SYSTEM DOCUMENTATION & REQUIREMENTS

What problem does it solve?

Polish performs a final quality pass to catch alignment, spacing, consistency, micro-detail, and accessibility issues that keep a product from feeling intentional and ship-ready. It addresses the last-mile friction where otherwise-complete features feel rough, inconsistent, or fragile across devices and states.

Core Features & Use Cases

  • Systematic visual refinement: enforce grid alignment, spacing scale, optical centering, and responsive consistency.
  • Interaction and state coverage: ensure hover, focus, active, loading, disabled, error, and success states exist and feel coherent.
  • Content and accessibility polish: unify terminology, correct copy and punctuation, verify contrast ratios, focus indicators, alt text, and keyboard navigation.
  • Micro-interactions, performance & code hygiene: smooth transitions, reduced-motion support, CLS elimination, remove dev artifacts, and clean up commented or unused code.
  • Use Case: Run before launch to convert a functionally-complete feature into a flagship-quality experience by triaging time-to-ship, prioritizing systemic fixes, and verifying on real devices.

Quick Start

Run the polish pass on the checkout flow to fix spacing, typography, interaction states, accessibility issues, and performance problems before release.

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 pass before shipping a product?

A final UI polish pass systematically fixes alignment, spacing, consistency, micro-interactions, and accessibility issues across visual interfaces, interactions, copy, and assets to make a functionally-complete feature feel ship-ready.

What is included in pre-launch design quality assurance for visual interfaces?

Pre-launch design quality assurance covers grid alignment, spacing scale verification, optical centering, responsive consistency across breakpoints, and comprehensive interaction state coverage including hover, focus, active, loading, disabled, error, and success states.

How do I check accessibility and copy consistency during a design handoff?

Accessibility and copy consistency checks verify contrast ratios, focus indicators, alt text, keyboard navigation, unify terminology, and correct copy and punctuation issues to ensure the interface meets quality standards before release.

Can I apply UI polish to both MVP and flagship product releases?

Yes, UI polish applies to both MVP and flagship releases by assessing the quality bar first, allowing you to triage time-to-ship, prioritize systemic fixes, and verify visual, interaction, accessibility, performance, and code hygiene on real devices.

Why does my product feature feel rough and inconsistent across different devices?

Features feel rough across devices due to last-mile friction from missing alignment, spacing inconsistencies, incomplete interaction states, and lack of responsive consistency that a systematic polish pass resolves before launch.

What's the best way to eliminate layout shift and clean up code before release?

Eliminate layout shift and clean up code by performing a micro-interaction and code hygiene pass that adds smooth transitions, reduced-motion support, CLS elimination, and removes dev artifacts, commented, or unused code.