lottie-bodymovin

Translate Disney's 12 animation principles into Lottie vector animations from After Effects exports.

Updated Aug 23, 2026
One-click install
npx skills add https://github.com/hanzoai/video --skill lottie-bodymovin-hanzoai
Or copy as Structured Prompt for Agent
Please help me install this Agent Skill.
Skill: lottie-bodymovin
Source: https://github.com/hanzoai/video/tree/main/.agents/skills/lottie-bodymovin
Command: npx skills add https://github.com/hanzoai/video --skill lottie-bodymovin-hanzoai

SYSTEM DOCUMENTATION & REQUIREMENTS

What problem does it solve?

This skill helps you apply Disney's 12 animation principles to vector animations exported with Lottie, turning static assets into expressive, production-ready motion.

Core Features & Use Cases

  • Principled animation: translate the 12 Disney principles into reusable Lottie workflows for scalable motion.
  • Educational reference: serves as a practical guide for animators/designer developers integrating After Effects outputs with Lottie.
  • Use Case: when delivering a high-fidelity cartoony character animation, apply squash/stretch, anticipation, and timing with Lottie curves to achieve a cinematic feel.

Quick Start

Create a Lottie animation demonstrating squash and stretch using a simple character asset.

Frequently Asked Questions about lottie-bodymovin

High-intent search queries and answers about installing and using this skill.

FAQPage Schema
How do I apply Disney's 12 animation principles to Lottie vector animations?

Yes, you can integrate After Effects exports with Lottie by translating the 12 animation principles into frame sequences and curves within the Lottie data. This workflow turns static After Effects outputs into expressive, production-ready vector motion for web and mobile.

Do I need prior knowledge of animation principles to use Lottie for motion design?

Yes, you need knowledge of the 12 animation principles and clear Lottie data to effectively map concepts like anticipation and timing to Lottie curves. This understanding is required to achieve a cinematic feel in your exported vector animations.

What is the best way to add anticipation and timing to a Lottie bodymovin export?

The best way to add anticipation and timing to a Lottie export is by mapping these specific animation principles to frame sequences and adjusting the Lottie curves. This creates expressive, high-fidelity character motion suitable for scalable web delivery.

Can I create cinematic character animations using Lottie and vector animation techniques?

You can create cinematic character animations with Lottie by applying principles like squash, stretch, anticipation, and timing to your vector animation curves. This approach delivers high-fidelity, scalable motion directly from your After Effects exports.

What are the limitations of using Lottie for complex motion design?

Using Lottie for complex motion design requires clear Lottie data and is limited by how accurately you can map the 12 animation principles to frame sequences and curves. Without proper After Effects setup, achieving a cinematic feel is difficult.