What problem does it solve? Interfaces often work correctly but feel rough: missing focus rings, jarring transitions, truncated text, and inconsistent microcopy erode user trust. This Skill provides a curated catalog of interface details and a decision framework for applying them with restraint when building, polishing, or reviewing UI. ## Core Features & Use Cases - Three operating modes: Build (apply details while writing UI code), Polish (improve existing UI in place), and Review (audit UI and report findings with rule IDs and file:line references). - Seven detail chapters: Typography, motion, design, easter eggs, accessibility, copywriting, and interactivity, each loaded on demand via a routing table. - Decision gate: Every candidate detail is checked against user value, exposure frequency, accessibility (prefers-reduced-motion, keyboard access), and consistency before being applied. - Use Case: When reviewing a React modal component, the Skill loads the motion chapter, flags that the close animation is not interruptible (motion-11), and suggests a concrete fix in a Before/After/Why table. ## Quick Start Ask the assistant to review your UI component for polish opportunities, for example: review my Modal.tsx for motion and accessibility details.
