Animation skills
Timing, easing, motion planning and expressive movement.
20 skills in Animation
Blender / Unity / Unreal Engine
3D Spatial Animation
Use when working in Blender, Unity 3D, Unreal Engine, Cinema 4D, VR/AR applications, or any three-dimensional animation work.
By dylantarre MIT
Animation
Accessible Motion Design
Use when implementing reduced motion alternatives, vestibular-safe animations, WCAG compliance, or designing for users with motion sensitivity.
By dylantarre MIT
Three.js
Animation and Timelines
Implement Three.js animation clips, skeletal animation, transitions, scroll timelines, and frame-independent motion.
By cesartevisual MIT
Film & motion design
Beat-synced editing
Plan cuts, transitions, speed ramps and shot timing around the rhythm of a piece.
By iart-ai MIT
Blender
Blender animation
Create keyframes, actions, NLA clips and retargeted motion, then bake and export animation for a game engine.
By EL4CTEO MIT
Blender
Blender character rigging
Fit a Rigify rig, set up IK and FK, skin a character and validate deformation before engine export.
By EL4CTEO MIT
Blender
Blender facial rigs and shape keys
Build expressions, speech shapes and corrective deformations with blendshapes, bones and drivers.
By EL4CTEO MIT
Film & motion design
Color in motion
Choose a restrained motion palette and avoid muddy color transitions when animating or grading a film.
By iart-ai MIT
Animation
Data Visualization Animation
Use when animating charts, graphs, dashboards, data transitions, or any information visualization work.
By dylantarre MIT
Blender / Unity / Unreal Engine
Game Development Animation
Use when implementing game animations, player feedback, character movement, or interactive entertainment in Unity, Unreal, or other game engines.
By dylantarre MIT
GSAP
GSAP foundations
Animate with tweens, easing, staggered timing and responsive or reduced-motion variants.
By greensock MIT
GSAP
GSAP performance
Reduce animation jank with transform-based movement, batching and fewer forced layout calculations.
By greensock MIT
GSAP
GSAP timelines
Sequence animations with positions, labels, nested timelines and playback controls.
By greensock MIT
GSAP
GSAP with React
Use GSAP in React with scoped animations, refs and cleanup that follows the component lifecycle.
By greensock MIT
Animation
Micro-interaction Animation
Use when designing small UI feedback moments like button states, toggles, form validation, loading indicators, or notification badges.
By dylantarre MIT
Animation
Motion design principles
Plan animation timing, easing and choreography before implementing the motion.
By LottieFiles MIT
Film & motion design
Shot composition
Frame action, guide attention and plan camera moves, with safe areas for different video formats.
By iart-ai MIT
Unity
Unity animation
Build Animator states, transitions, blend trees, layers and humanoid IK for character movement.
By gamedev-skills Apache-2.0
Animation
Video Motion Graphics
Use when creating After Effects compositions, Premiere Pro motion, video titles, explainer videos, or broadcast motion graphics.
By dylantarre MIT
Animation
Web Motion Design
Use when building CSS animations, JavaScript transitions, React/Vue motion, or any browser-based animation work.
By dylantarre MIT