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

Transform reference images into procedural Three.js models.

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

Reverse-lookup glossary for web animation terms based on user descriptions.

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.

$22

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