Lottie Animations

This handles Lottie animations from After Effects exports, covering both the original lottie-web library and the newer dotLottie format that compresses files by up to 90%. You get patterns for basic playback, interactive controls, scroll-driven animations, and hover triggers. It shows React integration with both lottie-react and @lottiefiles/dotlottie-react, plus event listeners for animation lifecycle hooks. The skill is most useful when you're working with designer-created animations that need to stay crisp at any size, or when you want programmatic control over animation segments. It pairs well with scroll libraries if you're doing viewport-triggered effects.

Install to Claude Code

npx -y skills add freshtechbro/claudedesignskills --skill lottie-animations --agent claude-code