animation▌

Design, implement, and review UI animations with accessibility and performance best practices. \n \n Covers CSS transitions, keyframes, Framer Motion, and spring animations with guidance on easing curves, timing (200–300ms standard), and transform-based motion \n Enforces prefers-reduced-motion support, touch-device hover handling, and keyboard interaction rules to ensure accessible motion \n Provides anti-patterns to avoid: transition: all , layout property animation, permanent will-change , an

Generates animation configuration documents that define spring behaviors, interpolation mappings, easing curves, and timing constants for Remotion videos. This skill focuses exclusively on animation parameters and does NOT generate component code.

A comprehensive guide for creating animations that feel right, based on Emil Kowalski's "Animations on the Web" course.

Advanced SwiftUI animations, transitions, matched geometry effects, and Metal shader integration for iOS and macOS. \n \n Covers animation curves, springs, keyframe animators, and phase animators for orchestrated multi-step sequences \n Includes built-in transitions (fade, slide, scale, move) and asymmetric transitions for directional entry/exit effects \n Provides matched geometry effect patterns for hero animations and smooth view transitions \n Supports GPU-accelerated Metal shader effects in

CAAnimation issues manifest as missing completion handlers, wrong timing, or jank under specific conditions. Core principle 90% of CAAnimation problems are CATransaction timing, layer state, or frame rate assumptions, not Core Animation bugs.

Comprehensive guide to SwiftUI's animation system, from foundational concepts to advanced techniques. This skill covers the Animatable protocol, the iOS 26 @Animatable macro, animation types, and the Transaction system.

Review animation code for compliance with Disney's 12 principles adapted for web interfaces.

Create polished, performant animations and micro-interactions.

$22

$22