Agent skill · AI & Agents

lottie-animations

Lottie animation skill for integrating After Effects animations into iOS, Android, and cross-platform mobile apps with playback control, performance optimization, and interactive animation capabilities.

a5c-aigithub.com/a5c-aiGitHub ↗
claude-codecodexcan modify filesMIT
Install
npx skills add a5c-ai/babysitter --skill lottie-animations --agent claude-code

Same command for any agent — swap --agent for codex, cursor, copilot.

Facts
Files in the skill folder: 2
SKILL.md size: 14 KB
Bundled scripts: none
Allowed tools: ReadGrepWriteBashEditGlobWebFetch
Path: library/specializations/mobile-development/skills/lottie-animations/SKILL.md
Open the folder on GitHub →
Where it comes from
Stars: 1,642
Language: JavaScript

Weekly change comes from our own snapshots, not the repository page — it measures attention, not adoption.

From the SKILL.md

# Lottie Animations Skill Comprehensive Lottie animation integration for mobile platforms, enabling high-quality vector animations from After Effects in iOS, Android, React Native, and Flutter applications. ## Overview This skill provides capabilities for integrating Lottie animations into mobile applications, including animation playback control, performance optimization, interactive animations, and proper asset management across platforms. ## Capabilities ### Animation Integration - Import and validate Lottie JSON files - Configure lottie-ios for native iOS apps - Set up lottie-android for native Android apps - Integrate lottie-react-native for React Native - Configure lottie for Flutter apps ### Playback Control - Implement play, pause, stop controls - Configure animation speed and direction - Set up loop modes (none, loop, autoReverse) - Implement progress-based playback - Handle animation completion callbacks ### Interactive Animations - Implement gesture-driven animations - Configure animation markers/segments - Sync animations with scroll position - Implement drag-based animation control - Handle touch interaction with animation ### Performance Optimization - Optimize animat

What's inside
Steps it walks through
  1. Overview
  2. Capabilities
  3. Animation Integration
  4. Playback Control
  5. Interactive Animations
  6. Performance Optimization
  7. Asset Management
  8. Prerequisites
  9. iOS Development
  10. Android Development
  11. React Native
  12. Flutter
  13. Usage Patterns
  14. iOS (SwiftUI)
Ships with 1 file
  • README.md
Commands it runs
npm install lottie-react-native
or
yarn add lottie-react-native
iOS pods
cd ios && pod install
Use LottieFiles optimizer
npx @nicolo-ribaudo/lottie-optimize animation.json -o optimized.json
Or use online tools:
More from babysitter
All skills →
generating-gcp-diagramsGenerates DrawIO XML diagrams for Google Cloud Platform architectures from text descriptions or…DevOps & Cloudgenerating-aws-diagramsGenerates DrawIO XML diagrams for Amazon Web Services architectures from text descriptions or…DevOps & Cloudcorrosion-materials-selectorMaterials selection skill for corrosion resistance based on process conditions and industry…AI & Agentsapi-diff-analyzerCompare API specifications to detect breaking changes. Compare OpenAPI spec versions, categorize…Databasesdistillation-designerDistillation column design skill for tray/packing selection, hydraulic analysis, and column…Design & Presentationcrystallizer-designerCrystallization process design skill for nucleation control, crystal size distribution, and…Design & Presentation
About this skill
What does the lottie-animations skill do?

Lottie animation skill for integrating After Effects animations into iOS, Android, and cross-platform mobile apps with playback control, performance optimization, and interactive animation capabilities.

How do I install it?

Run `npx skills add a5c-ai/babysitter --skill lottie-animations --agent claude-code` — it drops the skill into your project so the agent can pick it up. Swap the --agent value for codex, cursor or copilot if you use one of those.

Where does this skill come from?

From a5c-ai/babysitter, a repository with 1,642 stars. We read it straight from the repository tree rather than a submitted listing, so what you see here is what is actually published.

Is a popular skill a good skill?

Not necessarily. Stars measure attention, not adoption — a repository can trend for a week and be abandoned. That is why we show the weekly change from our own snapshots next to the total, instead of a single flattering number.

Keep going
All skills →
The full catalog, by category and by tool.
Open Source Radar →
The repositories these skills come from, watched daily.
The people behind them →
Makers and builders across the ecosystem.