Communitygithub.com

lottiefiles/モーションデザイン

モーションデザインの原則を適用し、感情に訴えかけ技術的に優れたアニメーションとトランジションを作成します。タイミング、イージング、振付、UI向けに適合させたディズニーアニメーションの原則を提供します。

モーションデザイン とは?

このスキルは、モーションデザインの原則を応用して、感情に響き技術的にも堅牢なアニメーションやトランジションを作成するための包括的なガイドです。タイミング、イージング、振付、そしてUIに適応させたディズニーアニメーション原理を提供します。アニメーション、トランジション、マイクロインタラクション、ローディング状態、ページ遷移、スクロールトリガー効果など、あらゆるモーション制作に活用できます。CSS、Framer Motion、GSAP、Lottie、Springなど、ほぼすべてのアニメーションシステムに対応しており、開発者はプロジェクトの技術スタックに関わらず一貫した高品質なモーションデザインを実現できます。

対応~Claude Code~Codex CLI~Cursor
npx skills add https://github.com/lottiefiles/motion-design-skill/tree/main/skills/motion-design

お気に入りのAIに質問する

このエージェントスキルを事前に読み込んだ状態で新しいチャットを開きます。

ドキュメント

モーションデザイン は何をしますか?

モーションデザインの原則を適用し、感情に訴えかけ技術的に優れたアニメーションとトランジションを作成します。タイミング、イージング、振付、UI向けに適合させたディズニーアニメーションの原則を提供します。アニメーション、トランジション、マイクロインタラクション、ローディング状態、ページ遷移、スクロールトリガー効果、またはあらゆるモーション制作に使用してください。CSS、Framer Motion、GSAP、Lottie、Spring、または任意のアニメーションシステムに対応しています。

関連スキル