LottieFilesが公開したAIエージェント向けのモーションデザインSkill。npx skills add LottieFiles/motion-design-skill で入れると、Claude CodeやCursor、Codex、Copilotなど40以上のエージェントが、コードを書く前にモーションの意図を決めてから実装するようになる。
特徴は実装非依存で哲学を先に置くこと。CSS、Framer Motion、GSAP、Lottie、Springのどれを使うかより前に、タイミング・イージング・振付・感情の方向を言語化させる。SKILL.md には8ステップのチェックリスト、デュレーションとイージングの対応表、モーションパーソナリティの型が入る。
director/ にはDisneyのアニメーション12原則をUI向けに翻案した内容や、感情からモーションへのマッピング、振付やナラティブ構造、アクセシビリティ・パフォーマンスへの適応がある。patterns/ は入退場、状態フィードバック(成功・エラー・ローディング・ホバー)、ループや視差、複数要素の段差付けといった実用パターン。reference/ にタイミング表とトラブルシュートが揃う。
ボタンやモーダル、ページ遷移のマイクロインタラクションを、勘ではなく原則で詰めたいときに使える。MITライセンス、528スター。