skills.rest
jean-sotil
jean-sotilCOMMUNITY
Explore all skills by this author →
GitHub

polish

Review responsive Next.js UI components for visual, UX, and interaction consistency.

Updated Apr 29, 2026
Search Tags:#accessibility#design-system#ui-polish#interaction-states#spacing-typography#pre-launch-review
One-click install
npx skills add https://github.com/jean-sotil/presskitpro-webapp --skill polish-jean-sotil
Or copy as Structured Prompt for Agent▼
Please help me install this Agent Skill.
Skill: polish
Source: https://github.com/jean-sotil/presskitpro-webapp/tree/main/.agents/skills/polish
Command: npx skills add https://github.com/jean-sotil/presskitpro-webapp --skill polish-jean-sotil

SYSTEM DOCUMENTATION & REQUIREMENTS

What problem does it solve?

This Skill helps you catch last-mile issues—alignment, spacing, states, copy, and micro-interactions—so a feature looks intentional and works flawlessly before release.

Core Features & Use Cases

  • Final visual and UX consistency pass: Checks design-token usage, spacing scale adherence, typography hierarchy, and optical alignment.
  • Interaction-state completeness: Ensures hover/focus/active/disabled/loading/error/success are all present and consistent for every interactive element.
  • Polish without breaking: Verifies responsiveness, accessibility (contrast and focus), performance (CLS/jank), and reduced-motion behavior while avoiding bug introduction.

Quick Start

Run /impeccable first, then request the polish pass by telling me what feature or screen you want finalized and what “done” means for your quality bar.

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 on a Next.js feature before launch?▼

A pre-launch UI polish pass checks design-token usage, spacing scale adherence, and typography hierarchy. It verifies complete interaction states including hover, focus, active, disabled, loading, error, and success for every interactive element to ensure visual consistency.

Can I use this to fix missing interaction states in design-system-aligned components?▼

Yes, you can fix missing interaction states in design-system-aligned components. The review verifies that hover, focus, active, disabled, loading, error, and success states are present, consistent, and adhere to spacing, typography, and color tokens.

Does UI polish work with WCAG contrast and reduced-motion accessibility requirements?▼

Yes, UI polish verifies WCAG contrast, focus visibility, and reduced-motion-respecting transitions. This guarantees accessibility compliance and prevents layout jank or interaction regressions without introducing new bugs into your responsive components.

What is the best way to ensure responsive Next.js UI work is ship-ready?▼

The best way to ensure responsive Next.js UI work is ship-ready is a final verification pass checking optical alignment, performance jank, and complete interactive states. This prevents regressions and confirms your feature meets the intended quality bar.

Related Skills

Explore More Design & Creative Skills→
nielpattinnielpattin

polish

Correct alignment, spacing, consistency, and micro-details in final deliverables.

Community
Advanced
TheGoat395TheGoat395
117

motion-performance-qa

Audit website and app motion performance for jank, layout shift, and leaks.

Community
Advanced
AskTinNguyenAskTinNguyen

polish

Fix alignment, spacing, typography, color contrast, and copy inconsistencies across UI components.

Community
Advanced
trielofftrieloff

polish

Correct alignment, spacing, and detail issues in frontend UI before shipping.

Community
Intermediate