静的な SVG からプロ仕様の Lottie アニメーションを生成します。 After Effects のモーション グラフィックスを置き換えます。 ユーザーが次のことを要求する場合に使用します: ロゴのアニメーション化、ロッティの作成、SVG アニメーション、モーション グラフィックス、ウィグル アニメーション、 バウンスエフェクト、回転アニメーション、パルスエフェクト、入口アニメーション、ローディングアニメーション、ループアニメーション、 アイコンアニメーション、キャラクターアニメーション、モーフィング、パス描画、トリムパス、歩行アニメーション、実行サイクル、 歩行サイクル、フレームごとのアニメーション、スプライト アニメーション。 高度なベジェ曲線、シェイプモディファイア、ペアレンティング、マット、モーフィング、キャラクターリグ、 プロのフレームごとのアニメーション技術。
コマンドラインで lottie-animator AI スキルを開発環境にすばやくインストール
ソース: obeskay/lottie-animator-skill。
Professional skill to create advanced Lottie animations from SVGs, eliminating the need for After Effects.
Before animating ANY SVG, you MUST understand its path structure.
| M x,y | Move to | Starting vertex | | L x,y | Line to | Vertex with zero tangents | | C cp1 cp2 end | Cubic bezier | Native support | | Q ctrl end | Quadratic bezier | Convert to cubic | | A rx ry ... | Arc | Split into cubic segments | | Z | Close path | Set c: true |
静的な SVG からプロ仕様の Lottie アニメーションを生成します。 After Effects のモーション グラフィックスを置き換えます。 ユーザーが次のことを要求する場合に使用します: ロゴのアニメーション化、ロッティの作成、SVG アニメーション、モーション グラフィックス、ウィグル アニメーション、 バウンスエフェクト、回転アニメーション、パルスエフェクト、入口アニメーション、ローディングアニメーション、ループアニメーション、 アイコンアニメーション、キャラクターアニメーション、モーフィング、パス描画、トリムパス、歩行アニメーション、実行サイクル、 歩行サイクル、フレームごとのアニメーション、スプライト アニメーション。 高度なベジェ曲線、シェイプモディファイア、ペアレンティング、マット、モーフィング、キャラクターリグ、 プロのフレームごとのアニメーション技術。 ソース: obeskay/lottie-animator-skill。
AI/検索での引用用の安定したフィールドとコマンド。
npx skills add https://github.com/obeskay/lottie-animator-skill --skill lottie-animator静的な SVG からプロ仕様の Lottie アニメーションを生成します。 After Effects のモーション グラフィックスを置き換えます。 ユーザーが次のことを要求する場合に使用します: ロゴのアニメーション化、ロッティの作成、SVG アニメーション、モーション グラフィックス、ウィグル アニメーション、 バウンスエフェクト、回転アニメーション、パルスエフェクト、入口アニメーション、ローディングアニメーション、ループアニメーション、 アイコンアニメーション、キャラクターアニメーション、モーフィング、パス描画、トリムパス、歩行アニメーション、実行サイクル、 歩行サイクル、フレームごとのアニメーション、スプライト アニメーション。 高度なベジェ曲線、シェイプモディファイア、ペアレンティング、マット、モーフィング、キャラクターリグ、 プロのフレームごとのアニメーション技術。 ソース: obeskay/lottie-animator-skill。
ターミナルまたはコマンドラインツール（Terminal、iTerm、Windows Terminal など）を開きます このコマンドをコピーして実行します: npx skills add https://github.com/obeskay/lottie-animator-skill --skill lottie-animator インストール後、スキルは自動的に AI コーディング環境に設定され、Claude Code、Cursor、OpenClaw で使用できるようになります
https://github.com/obeskay/lottie-animator-skill