diffusionstudio/lottie

何を解決するか

複雑なモーショングラフィックスソフトウェアで手動で設計するのではなく、コードエージェントを介してテキストプロンプトを使用して、プロダクション準備完了のLottieアニメーションを生成できるようにすることで、プロダクション準備完了のLottieアニメーションの作成を簡素化します。

動作方法

このフレームワークは、Claude CodeやCodexなどのコードエージェントに追加できる「スキル」として機能します。ユーザーがプロンプト（通常はSVGやスクリーンショットに基づく）を提供すると、エージェントはLottie JSONファイルを生成します。システムには、特定のディレクトリからこれらのファイルを自動で読み込むプレーヤーが含まれており、エージェントがコードを編集する際、リアルタイムでプレビュー、スクロール、微調整が可能になります。

対象ユーザー

LottieのJSON構造やAfter Effectsについて深い知識がなくても、ウェブ、モバイル（iOS、Android、React Native）、またはFlutterアプリケーション向けのベクターアニメーションを迅速に反復開発したい開発者やデザイナー。

特徴

• エージェント駆動の生成: コードエージェントと連携し、テキスト記述とSVGパスをアニメーションに変換します。
• リアルタイムプレビュー: エージェントがアニメーションファイルを編集するたびに、ライブで更新されるプレーヤーを備えています。
• マルチプラットフォーム対応: 生成されたアニメーションは、ウェブ、iOS、Android、React Native、Flutterの標準Lottieプレーヤーと互換性があります。
• プロフェッショナルなコントロール: イージング、カメラ移動などのモーショングラフィックス用用語とカスタムプロパティコントロールをサポートしています。