Run any Skill in Manus with one click

polish

Stars0

Forks0

UpdatedMarch 20, 2026 at 15:09

Final quality pass before shipping. Checks alignment, spacing consistency, hover states, focus styles, loading states, edge cases, and overall refinement.

Installation

Install with Codex or Claude Copy this prompt, paste it into Codex, Claude, or another assistant, and let it review the skill page and install it for you.

Run Skill in Manus

Source

Dragoon0x

Dragoon0x/optik

View GitHub Repository View Creator Repositories

Download

Run Skill in Manus

Related occupationsSOC

Based on SOC occupation classification

Web DevelopersComputer and Mathematical Occupations·SOC 15-1254

SKILL.md

readonly

name	polish
description	Final quality pass before shipping. Checks alignment, spacing consistency, hover states, focus styles, loading states, edge cases, and overall refinement.
user-invokable	true

/polish — Final Quality Pass

The last check before shipping. Fix details that separate good from exceptional:

Alignment — Verify all text and elements align to the grid. Check that headings, body text, and images share alignment points.
Spacing consistency — Look for any remaining off-grid values. Ensure section spacing is rhythmic.
Hover states — Every interactive element must have a hover state. Check that hover transitions are smooth (200-300ms).
Focus styles — Verify :focus-visible on all interactive elements.
Loading states — Buttons should show loading state. Skeleton screens for async content.
Empty states — What does it look like with no data? Is there a helpful message?
Edge cases — Very long text, very short text, missing images, slow network.
Consistency — Same patterns used the same way everywhere. No one-off styles.

Run /score after polishing. Target: 85+.

More from this repository

same repository

a11y-audit

Dragoon0x/optik

Full accessibility audit covering focus management, semantic HTML, ARIA attributes, color contrast, touch targets, screen reader experience, and motion safety.

2026-03-200

a11y-fix

Dragoon0x/optik

Auto-fix detectable accessibility issues. Adds focus styles, semantic HTML, ARIA attributes, and touch target sizing.

2026-03-200

align

Dragoon0x/optik

Verify visual alignment across sections. Check that headings, text, images, and components share consistent alignment points.

2026-03-200

animate

Dragoon0x/optik

Add purposeful motion and transitions to the interface. Focuses on high-impact moments: page load reveals, hover states, and scroll-triggered entries. Not decorative jitter.

2026-03-200

aria

Dragoon0x/optik

Audit and fix ARIA attributes. Ensures proper aria-label, aria-hidden, aria-live, and role usage throughout the interface.

2026-03-200

audit

Dragoon0x/optik

Comprehensive design quality audit with severity ratings, specific line references, and actionable fix instructions. Deeper than /score — examines every declaration.

2026-03-200

name	polish
description	Final quality pass before shipping. Checks alignment, spacing consistency, hover states, focus styles, loading states, edge cases, and overall refinement.
user-invokable	true

/polish — Final Quality Pass

The last check before shipping. Fix details that separate good from exceptional:

Alignment — Verify all text and elements align to the grid. Check that headings, body text, and images share alignment points.
Spacing consistency — Look for any remaining off-grid values. Ensure section spacing is rhythmic.
Hover states — Every interactive element must have a hover state. Check that hover transitions are smooth (200-300ms).
Focus styles — Verify :focus-visible on all interactive elements.
Loading states — Buttons should show loading state. Skeleton screens for async content.
Empty states — What does it look like with no data? Is there a helpful message?
Edge cases — Very long text, very short text, missing images, slow network.
Consistency — Same patterns used the same way everywhere. No one-off styles.

Run /score after polishing. Target: 85+.