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 and edit Lottie animations using Skia's Skottie module.

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

Domain-specific knowledge base for building videos with Remotion and React. \n \n Covers 30+ rule files spanning animations, audio, assets, 3D content, charts, text, transitions, and composition management \n Includes specialized guidance for captions, FFmpeg operations, audio visualization, and sound effects integration \n Provides patterns for dynamic metadata calculation, media inspection (duration, dimensions, frame extraction), and parametrizable compositions \n Supports advanced features l

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

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.

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.