Repolode
投稿する
iart-ai

iart-ai/motion-skills

AIコーディングエージェントにモーショングラフィックス制作を教える、インストール可能な55種類のスキル集。

GitHub で見る公式サイト
スター
895
フォーク
80
未解決の Issue
0
最終コミット
6 日前

これは何？

Motion Graphics Skillsは、SKILL.mdと参照ファイルを含むオープンソースのスキルフォルダ集です。Claude Code、Cursor、CodexなどのAIコーディングエージェントに、特定のモーショングラフィックス制作ワークフローを提供します。キネティックタイポグラフィ、データに基づくチャート、解説動画、縦型ショート動画、WebGLやThree.jsのシーン、Manimによる数学アニメーション、Remotionを使ったプログラムによる動画制作、配信ツール向けの透過型ローワーサードなどを扱います。

スキルは、TikTokクリエイター、EC事業者、フロントエンド開発者、モーションデザイナーなど、対象ごとに18個の個別インストール可能なパックにまとめられています。各パックはnpx skills add、またはClaude Codeプラグインとして追加できます。ビジュアルを生成するスキルには、レンダリング結果を確認するループと、フレームの静止、コンタクトシートの作成、エンコード済みMP4ファイルの調査に使う小さなスクリプトが含まれており、エージェント自身が出力を確認できます。

モデルのファインチューニングやプラグインランタイムは不要です。スキルは主要なエージェントが読み込める形式の指示で構成されています。プロジェクトはMITライセンスで公開されており、iart.aiがメンテナンスしています。

主な機能

  • 01キネティックタイポグラフィ、データチャート、解説動画、ショート動画、Webアニメーションに対応
  • 02対象ユーザー別に18個のインストール可能なパックに整理
  • 03npx skills add、またはClaude Codeプラグインとしてインストール可能
  • 04フレームのキャプチャやMP4の調査に使うスクリプト付きのレンダリング・検証ループを搭載
  • 05Remotion、Manim、GSAP、Three.js、Lottieのワークフローに対応

ユースケース

  • CSVファイルから、データに基づくチャート動画をAIコーディングエージェントに制作させる
  • エージェントを使ってTikTokやReels向けの縦型ショート動画を作る
  • プロンプトからManimの数学アニメーションやRemotion動画を作成する
  • OBSやPremiereのプロジェクトに透過型ローワーサードを追加する

クイックスタート

  1. 1

    skills CLI を使って、汎用 Web アニメーションパックをインストールします

    npx skills add iart-ai/web-animation-skills

使う前に知っておきたいこと

  • 各スキルは単体で動作するソフトウェアではなく、エージェント向けの指示セットです。そのため、結果は使用するエージェントによって異なります。
  • 動画スキルは Remotion または Manim でレンダリングするため、それぞれ別途セットアップが必要です。

トピック

#ai-agents#motion-graphics#animation#remotion#claude-code#video#skills

よくある質問

motion-skills とは？
AIコーディングエージェントにモーショングラフィックス制作を教える、インストール可能な55種類のスキル集。 Motion Graphics Skillsは、SKILL.mdと参照ファイルを含むオープンソースのスキルフォルダ集です。Claude Code、Cursor、CodexなどのAIコーディングエージェントに、特定のモーショングラフィックス制作ワークフローを提供します。キネティックタイポグラフィ、データに基づくチャート、解説動画、縦型ショート動画、WebGLやThree.jsのシーン、Manimによる数学アニメーション、Remotionを使ったプログラムによる動画制作、配信ツール向けの透過型ローワーサードなどを扱います。
motion-skills は無料で使えますか？ライセンスは？
motion-skills は MIT ライセンスのオープンソースです。商用製品で使う前にライセンス条件を確認してください。
motion-skills は今もメンテナンスされていますか？
活発にメンテナンス中。motion-skills の最終コミットは 2026年10月14日 です。
motion-skills は何に使えますか？
CSVファイルから、データに基づくチャート動画をAIコーディングエージェントに制作させる エージェントを使ってTikTokやReels向けの縦型ショート動画を作る プロンプトからManimの数学アニメーションやRemotion動画を作成する OBSやPremiereのプロジェクトに透過型ローワーサードを追加する
motion-skills のインストール方法は？
skills CLI を使って、汎用 Web アニメーションパックをインストールします: npx skills add iart-ai/web-animation-skills
motion-skills はどこで入手できますか？
ソースコードとインストール手順は GitHub にあります：https://github.com/iart-ai/motion-skills

概要はプロジェクトの README をもとに AI が生成しています。GitHub の数値は毎日更新されます。

関連プロジェクト