Skill Detail

Lottie Animation Optimizer

Analyzes and optimizes Lottie JSON animation files using lottie-web parser internals, reduces file size via keyframe deduplication and path simplification, and validates against the Telegram Lottie sticker spec (TGS).

Image & Creative AutomationChatGPT Agents
Image & Creative Automation ChatGPT Agents Security Reviewed
โญ 31.8k GitHub stars โฌ‡ 4.8M/wk npm
INSTALL WITH ANY AGENT
npx skills add agentskillexchange/skills --skill lottie-animation-optimizer Copy
Works best when you want a reusable capability, not another fragile one-off prompt.
At a glance
Author
airbnb
Last updated
Mar 24, 2026
Quick brief

The Lottie Animation Optimizer parses After Effects-exported Lottie JSON files and applies size and performance optimizations for web and mobile delivery. It uses the lottie-web renderer’s internal data model to identify redundant keyframes, unused layers, oversized embedded images (replacing them with external asset references), and unnecessarily complex Bezier paths. The agent applies path simplification using Ramer-Douglas-Peucker algorithm on shape layers, deduplicates identical transform keyframes across layers, and strips editor metadata. For Telegram sticker compliance, it validates against the TGS spec: max 64KB gzipped, 512×512 canvas, 60fps max, no embedded raster images, no expressions. Output includes optimized JSON, gzipped .tgs for Telegram, and dotlottie (.lottie) container format with embedded assets. Performance benchmarks compare render time on lottie-web, lottie-ios (Airbnb), and rlottie (Samsung) renderers.