motionmaxxingとは？
Tejas Makwana（Tejashmakwana）による motionmaxxing は、コーディングエージェントに短いモーショングラフィッ クスの映像を演出させ、制作させる Agent Skill です。ローンチ動画、製品プロモーション、ブランドのジングル、キネティックタイポグラフィーを対象にしています。公開は1回のアップロードだけでした。リポジトリは2026年10月6日に作られ、2つのコミットはどちらもその晩に入り、それ以降のプッシュも GitHub のリリースもありません。README 自身が初期のリリースだとしています。
映像は motion.js で動く素の HTML ページです。motion.js は GSAP の上に作られたシーク可能なランタイムで、53のプロのローンチの場面からフレーム単位で計測した4,288の動きに合わせた12の名前付きイージングを持ちます。スキル独自の render.mjs がヘッドレスの Chrome で各フレームをシークし、ffmpeg でエンコードします。説明では HyperFrames でも素の HTML でも動くとされ、Remotion や After Effects のツールではありません。URL を渡すとブランドの色、フォント、ロゴ、画面を取り込み、スクリプトがレンダー結果を G0 から G5 までの6つのゲートで採点します。音声、効果音、音楽は ElevenLabs のキーで任意に使えます。
リポジトリは Apache-2.0 で、GitHub のスターは約1,200、フォークは113です。~/.claude/skills にクローンしてインストールし、Node 22 以降、Python 3、ffmpeg、Google Chrome が必要です。同梱の GSAP 3.12.5 は独自の GreenSock Standard License のままで、README はそれがオープンソースではないと注記しています。スキルは、作者の製品 FinalMotion の中で使われているとしています。
motionmaxxingは使う価値があるか？
motionmaxxing は、ルールが好みではなく計測から生まれた珍しい動画スキルです。作者はデザイナ ーが作ったローンチ映像から3秒から7秒の場面を53個、フレーム単位で正確な GSAP のタイムラインとして再現し、すべてのフレームをシークして、その結果を4,288の異なる動きにまとめました。そこから、スキルが強制する数字が生まれました。動きの中央値は10フレーム（0.33 s）、着地の58%はイーズアウト、オーバーシュートは動きの9%未満で、起きるときは遅めに起き、ロゴは約3.5倍の大きさから勢いよく入り、変形の項目3,392に対して不透明度のフェードは584です。曲線をクラスタリングして softLand から accelExit までの12のイージングを得ており、ランタイムはそれを名前付きで提供します。作者によれば、計測した動きの89%に RMSE 0.12 以内で当てはまります。
後半は禁止リストで、動画版の hallmark のように読めます。SKILL.md は、映像に決して入れてはならないものを12個挙げています。"02 / SPEAK" のような隅のラベルとカウンター、デバイスの横に置かれたまま動かない左寄せの見出し、ステータスのドットが付いた角丸の UI カード、キャレット付きでタイプされる見出し、シーンごとの平坦な色面の背景、1.4 s を超えて表示されるエンドカード、そして誰も確認しなかった映像です。10段階の手順は、制作の前にストーリーボードと3種類のアイデアを求めます。その後 render.mjs が映像を作り、look.py がフレームからゲート G0、G2、G3 を計算し、lint.mjs が DOM 内のページの装飾を G5 として不合格にします。必須の NOTE.md は、映像がよいと宣言する代わりにそれらの数字を引用しなければなりません。G1 と G4 にはスクリプトがなく目視で判断され、スキルはエージェントにそれを認めさせます。
代償は重さです。SKILL.md だけで約 20.6 KB あり、ステップ0で2つのテイストのファイルと judgment.md の流し読みが加わるので、ブランドを取り込む前に約 53 KB、1トークン4文字として約13,000トークンが読み込まれます。14の参照ファイルは合計約 452 KB で、エージェントがすべて読めば110,000トークンを超えます。作者は映像1本あたりのトークンや時間のコストを公表していません。肝心なところでレンダリングは遅く、KNOWN-LIMITS によれば WebGL の hero3d のシーンは Apple の GPU で 1080p で約7から11 fps です。インストール手順が文書化されているのは Claude Code だけで、他のエージェントには指定先のフォルダーがあるだけです。
根拠は仕上がりの印象より薄いです。テイストの層を支えるブラインド A/B の記録の評価者は1人で、スキルが選ばれた10回中9回は以前の世代のもので、この世代の A/B はありません。716行の先例ライブラリはモデルのアナリストが解読したもので、未検証とされています。計測した場面は SaaS 風のローンチ映像なので、統計はそのジャンルを表しています。何より、10月6日以降プッシュがなく、macOS で Chrome のプロセスが残る問題についての10月16日の issue はまだ開いたままです。100ほどのツールで制作全体を計画する openmontage と比べると、motionmaxxing は1つのことをより深く行います。hyperframes と比べると、ほぼ同じ Chrome と ffmpeg のレンダー経路の上に座る演出家であって、レンダラーではありません。エージェントが作る動きがどう動くべきかの参考資料として、2回目のコミットが来なくても読む価値があります。
真価を発揮する場面
来週ローンチを控えた5人の SaaS スタートアップの創業者
モーションデザイナーを雇わずに、製品の Web サイトを20秒のローンチ映像にする
サイトの URL を付けて Claude Code で /motionmaxxing を実行します。brand.mjs が色、フォント、ロゴ、画面を取り込み、エージェントは制作前にアイデアとストーリーボードを示します。エージェントのトークンと、音声と音楽を使う場合の ElevenLabs の利用料以外は無料です。
エージェントが作ったプロモーションが動くスライド資料のように見えるフロントエンド開発者
下書きの何が悪いのかを正確に突き止めて直す
スキルに draft.mp4 とその index.html を渡し、slop、mid、maxxed の評価を求めます。look.py と lint.mjs が G0、G2、G3、G5 のどれが不合格かを出力し、エージェントは決まった順序で修正します。lint は canvas に描かれたテキストや生成された画像は見られません。
HTML と GSAP で独自の動画エージェントを作る開発者
長さや曲線を推測する代わりに、計測されたタイミングを借りる
runtime/motion.js を読み込み、M.ease.softLand などの12の名 前付きイージングを計測された既定値で呼び出し、ビートごとに precedent.py で library/moments.jsonl を照会します。同梱のコピーには GSAP 独自のライセンスが引き続き適用されます。
導入前に確認すること
- 導入
- リポジトリを ~/.claude/skills/motionmaxxing に git clone し、bash install.sh を実行します。要件を確認するだけで、システム全体には何もインストールしません。Node 22 以降、Python 3、ffmpeg、Google Chrome が必要で、scripts/providers.sh がマシンにあるものを報告します。/motionmaxxing か普通の依頼で呼び出します。
- 連携
- 文書化されているのは Claude Code です。SKILL.md のフォルダーを読めてシェルにアクセスできるエージェントなら使えます。独自の Chrome と ffmpeg のパイプラインでレンダリングし、HyperFrames と併用でき、GSAP 3.12.5 と Three.js r186 を同梱し、任意で音声、効果音、音楽に ElevenLabs を、生成する背景プレートに Codex CLI を呼び出します。
- データとプライバシー
- ローカルで動きます。ブランドの取り込みはヘッドレスの Chrome で対象サイトを取得します。音声と音楽のスクリプトがテキストを ElevenLabs に送るのは ELEVENLABS_API_KEY が設定されている場合だけで、画像プレートは求めたときだけ Codex のロ グインを経由します。README にテレメトリーの記載はありません。Apache-2.0 で、GSAP は GreenSock Standard License、Three.js と opentype.js は MIT、Inter は SIL OFL 1.1 です。
- 大規模利用時のコスト
- リポジトリに有料版はありません。コストはエージェントのトークン（作業開始前に約13,000トークンの指示、参照を読み込むとさらに増加）、ローカルのレンダー時間、ElevenLabs の利用料、生成するプレート1枚あたり約1から2分です。
- 制限
- 2026年10月6日以降コミットはなく、未解決の issue が1件あります。G1 と G4 は目視で判断します。lint.mjs は canvas、WebGL、画像、動画内のテキストを見逃します。WebGL は 1080p で約7から11 fps でレンダリングされます。ElevenLabs の音楽はテンポや長さが合わないことがあります。fetch_logo.mjs はロゴではなくヘッダーの帯を返すことがあります。
良い点
- 4,288のプロの動きから計測したイージングとタイミング
- スライド資料っぽい動画の特徴を狙った具体的な禁止リスト
- スクリプトのゲートと lint がレンダー結果を検査し、NOTE.md はそれを引用しなければならない
- 自己テスト付きのシーク可能なランタイムで、レンダーが再現可能
気になる点
- 2026年10月6日の1回のアップロードのみで、以降コミットもリリースもない
- テイストの層は評価者1人に依存し、この世代の A/B はない
- Node 22 以降、Python 3、ffmpeg、Chrome という重い準備
- 指示の読み込み量が多く、トークンのコストは公表されていない
おすすめの人
すでにエージェントを使って HTML と GSAP で製品映像を作っており、出力をモーションデザイナーのように動かしたく、保守されないかもしれないリポジトリを受け入れられる開発者。
motionmaxxingの代替
motionmaxxing：よくある質問
- motionmaxxingは使う価値があるか？
- motionmaxxing は、私たちが読んだどの動画スキルよりも多くの本物のモーションデザインの技を書き留めていますが、それを保守されない1回のアップロードのまま、評価者1人の確認で残しています。 評価は5点満点中3.6点です。
- motionmaxxingの料金は？
- 無料のオープンソースです（Apache-2.0。同梱の GSAP は独自のライセンス）。任意の ElevenLabs のキーで音声、効果音、音楽が使え、料金は ElevenLabs が請求します。
- motionmaxxingの欠点は？
- 2026年10月6日の1回のアップロードのみで、以降コミットもリリースもない; テイストの層は評価者1人に依存し、この世代の A/B はない; Node 22 以降、Python 3、ffmpeg、Chrome という重い準備; 指示の読み込み量が多く、トークンのコストは公表されていない.
- motionmaxxingは誰に向いているか？
- すでにエージェントを使って HTML と GSAP で製品映像を作っており、出力をモーションデザイナーのように動かしたく、保守されないかもしれないリポジトリを受け入れられる開発者。
- チームや本番環境でmotionmaxxingを使うと費用はいくらか？
- リポジトリに有料版はありません。コストはエージェントのトークン（作業開始前に約13,000トークンの指示、参照を読み込むとさらに増加）、ローカルのレンダー時間、ElevenLabs の利用料、生成するプレート1枚あたり約1から2分です。
- motionmaxxingは企業データを扱っても安全か？
- ローカルで動きます。ブランドの取り込みはヘッドレスの Chrome で対象サイトを取得します。音声と音楽のスクリプトがテキストを ElevenLabs に送るのは ELEVENLABS_API_KEY が設定されている場合だけで、画像プレートは求めたと きだけ Codex のログインを経由します。README にテレメトリーの記載はありません。Apache-2.0 で、GSAP は GreenSock Standard License、Three.js と opentype.js は MIT、Inter は SIL OFL 1.1 です。
- motionmaxxingの代わりになるものは？
- 当サイトでレビューした中で最も近い代替はHyperFrames, OpenMontage, Hallmark 、 ffmpeg-skillです。
回答確認日：2026年10月31日