charlie947/motion-graphics-skills

これは何？

主な機能

• 01After Effectsを使わず、すべてコードでモーショングラフィックスや動画を制作できます。
• 02ブランドカラー、フォント、モーションのルールをbrand.mdとMOTION.mdに保存し、再利用できます。
• 03ローンチ動画、解説動画、アニメーション付きグラフ、マイルストーンの発表向けスキルを収録しています。
• 04ReelsやTikTok向けに、MP4および縦型1080 x 1920形式で書き出せます。
• 05簡単なインストールコマンドで、Claude CodeとCodexから利用できます。

ユースケース

• モーションデザイナーや動画編集ソフトを使わずに、製品のローンチ動画を作成する。
• 入力された値をすべてそのまま保持して、グラフやデータ系列をアニメーション化する。
• 既存のクリップから縦型のSNS動画を作成する。
• ループするニュースレター用カバー画像をGIFとして作成する。

クイックスタート

1. 1

   npxでスキルをインストールする

   npx skills add charlie947/motion-graphics-skills
2. 2

   Claude Codeを開き、Opus 5.5モデルを選択する

   /model
3. 3

   まずbrand-intakeを実行して、ブランドファイルをセットアップする

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

• !アニメーションの作成には、特定のモデルであるOpus 5.5でClaude Codeを使う必要があります。
• !MP4への書き出しには、別途HyperFramesスキルを使うか、ffmpegとChromeが必要です。

トピック

よくある質問

motion-graphics-skills とは？

After Effectsを使わず、コードでモーショングラフィックスやローンチ動画を作るClaude Codeスキル集 このスキルパックを使うと、Claude Codeでアニメーションをコードとして記述し、モーショングラフィックスやローンチ動画、アニメーション付きグラフ、短いSNS動画を作成できます。各フレームはコードで描画されるため、After EffectsやAI動画生成ツールは不要です。ブランドカラー、フォント、モーションのルールをbrand.mdとMOTION.mdに設定し、依頼内容を計画してアニメーションを制作し、MP4または縦型Reel形式で書き出すまで、制作ワークフロー全体をカバーします。

motion-graphics-skills は無料で使えますか？ライセンスは？

motion-graphics-skills は MIT ライセンスのオープンソースです。商用製品で使う前にライセンス条件を確認してください。

motion-graphics-skills は今もメンテナンスされていますか？

活発にメンテナンス中。motion-graphics-skills の最終コミットは 2026年10月11日 です。

motion-graphics-skills は何に使えますか？

モーションデザイナーや動画編集ソフトを使わずに、製品のローンチ動画を作成する。 入力された値をすべてそのまま保持して、グラフやデータ系列をアニメーション化する。 既存のクリップから縦型のSNS動画を作成する。 ループするニュースレター用カバー画像をGIFとして作成する。

motion-graphics-skills のインストール方法は？

npxでスキルをインストールする: npx skills add charlie947/motion-graphics-skills Claude Codeを開き、Opus 5.5モデルを選択する: /model まずbrand-intakeを実行して、ブランドファイルをセットアップする

motion-graphics-skills はどこで入手できますか？

ソースコードとインストール手順は GitHub にあります：https://github.com/charlie947/motion-graphics-skills