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

Create, repair, validate, preview, and package Codex-compatible animated pets and pet spritesheets from character art.

Select and implement the optimal Flutter animation strategy for your UI requirement. \n \n Includes a decision tree to choose between implicit animations, explicit tweens, physics-based motion, hero transitions, staggered sequences, and page route transitions \n Provides complete code examples for each animation type, from simple AnimatedContainer to complex staggered multi-tween setups \n Enforces strict memory management with mandatory AnimationController disposal and performance best practice

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

$22

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

Elite UX/UI & Advanced GSAP Motion Engineer. Enforces Python-driven true randomization for layout variance, strict AIDA page structure, wide editorial typography (bans 6-line wraps), gapless bento grids, strict GSAP ScrollTriggers (pinning, stacking, scrubbing), inline micro-images, and massive section spacing.

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.