What problem does it solve? AI-generated interfaces often miss the small visual details — wrong easing curves, mismatched border radii, solid borders used for depth, undersized hit areas — that separate polished interfaces from generic ones. This Skill encodes those interface-taste rules so agents apply them consistently during UI implementation and review. ## Core Features & Use Cases - Polish Rule Tables: Concrete rules for concentric border radius, optical alignment, shadow-vs-border elevation, motion easing, typography smoothing, tabular numbers, icon stroke weight, and minimum hit areas. - Review Modes with Severity Model: quick and full review modes with HIGH/MEDIUM/LOW severity, finding caps, and Block/Needs-changes/Approve verdicts. - On-Demand Reference Depth: references/design-audit.md provides grep-based mechanical detection patterns for codebase-wide audits, and references/motion-principles.md covers motion design reasoning (stagger budgets, personality archetypes, emotion-to-motion mapping). - Use Case: While building a Svelte or React component, apply the Motion table to set ease-out enter animations with a prefers-reduced-motion branch, then run the Verification checklist before shipping. ## Quick Start Review this UI component against the UI polish rules and fix any motion, spacing, or hit-area violations you find.
