Lottie Bodymovin

This bridges the gap between After Effects animation and web implementation by showing you how to apply Disney's 12 animation principles to Lottie exports. You get specific techniques for each principle, like using inverse scale expressions for squash and stretch, frame offsetting for follow through, and playSegments for anticipation timing. The really practical parts are the runtime controls, letting you trigger secondary animations on frame events, adjust speed dynamically, and handle interactivity with direction changes. If you're exporting Bodymovin JSONs and want them to feel less robotic, this gives you the animator's toolkit in code form. It assumes you know your way around After Effects keyframes and the Graph Editor.

Install to Claude Code

npx -y skills add dylantarre/animation-principles --skill lottie-bodymovin --agent claude-code