LottieFiles Motion Design Skill

Skill by ara.so — Design Skills collection.

This skill teaches AI agents to think like motion directors — choosing the right timing, easing, choreography, and emotional intent before writing animation code. Philosophy-first, implementation-agnostic approach that works with any animation system (CSS, Framer Motion, GSAP, Lottie, React Spring, etc.).

Installation

npx skills add LottieFiles/motion-design-skill

The skill integrates with 40+ AI coding agents including Claude Code, Cursor, Codex, and GitHub Copilot.

Core Philosophy

The Three Pillars

Every animation decision flows from three questions: