What problem does it solve? Interfaces often feel sluggish or unpolished because of subtle animation mistakes: wrong easing curves, excessive durations, scale-from-zero entrances, and non-interruptible keyframes. This Skill encodes Emil Kowalski's design engineering philosophy to help you diagnose and fix these issues in UI code. ## Core Features & Use Cases - Animation Decision Framework: Determines whether an element should animate at all, which easing curve to use, and how long it should run based on interaction frequency and purpose. - UI Code Review with Before/After Tables: Reviews component code and outputs a markdown table showing problematic patterns, corrected code, and the reasoning behind each fix. - Concrete Implementation Patterns: Covers springs, clip-path animations, gesture velocity-based dismissal, popover transform origins, stagger delays, and performance rules like animating only transform and opacity. - Use Case: Paste a dropdown component with transition: all 300ms ease-in and receive a corrected version using a custom ease-out curve at 200ms with origin-aware scaling. ## Quick Start Ask the assistant to review your button, popover, or toast component code for animation and interaction issues.
