Claude Code だけでモーショングラフィックス動画を作る|AE不要・ツール代0円・60fps【スターターキット付き】
- Digital1,480 JPY


After Effects を持っていなくても、Windows の PC と Claude Code があれば、モーショングラフィックス動画を作って MP4 で書き出せます。ツール代は 0 円です(Claude Code のご契約は別に必要です)。 使うのは HyperFrames。動画を HTML で書き、1コマずつ撮影して MP4 にするツールです。HTML は Claude Code の得意分野なので、日本語で頼むだけで、書く・確認する・書き出すまで進みます。 この手順書とキットは、モーションデザインスタジオ Lumoir が Claude Code を使って作りました。手順と数字は、作者の環境(Windows 11)で実際に動かして確かめたものです。 ■ 作れるもの(見本動画・約10秒・1080p・効果音つき) ・HyperFrames 版: https://youtu.be/HJJNJ_oY8Kk ・After Effects 版(比較用): https://youtu.be/7LBf4jnef-g ■ 内容(手順書 PDF 30ページ+キット zip) ・まとめてインストール(Node.js・FFmpeg・Chrome)/Claude Code の準備 ・60fps・高画質で始めるプロジェクトの作り方(キットの starter をコピー) ・使用状況の送信をオフにする/ネットなしで書き出せるようにする ・日本語での頼み方、プレビュー、書き出し、check の読み方 ・なめらかな動き(着地・変形・カーソル)の頼み方 ・縦動画(9:16)、フォント(ライセンス安全なもの)、音の入れ方 ・ライセンスのまとめ/よくあるエラーと直し方/応用のコツ ・AI っぽさを消す決まり・チェック表・無料スキル(18 章) ・3D(three.js)を足す:starter_3d と検証済みの手順(19 章) ■ キット CLAUDE.md(Claude Code が最初に読む作り方の決まり)、なめらかなイージング集、OFL フォント、GSAP、起動できる最小のスターターを同梱。 ■ 必要なもの ・Windows 10 / 11(Mac は対象外) ・Claude Code が使える Anthropic の契約(有料) ・初回 1〜2時間 ■ 正直にお伝えすること ・まっさらな PC での手順、ネットなしの書き出し、ノートPCでの速さは、まだ確かめていません。該当の手順には【未検証】と書いてあります。確認でき次第、更新します。 ・動画の出来は、頼み方とやり直しの回数で変わります。魔法のボタンではありません。 ・Claude Code の利用料金は別にかかります。 制作:Lumoir(@lumoirvfx)。AI(Claude)を使って制作していることを公開しています。
公式サイト
https://lumoirvfx.pages.dev(Lumoir 公式サイト)/ X・Instagram・TikTok:@lumoirvfx
詳細
【ダウンロードするもの】 ・手順書 PDF(28ページ) ・スターターキット zip(CLAUDE.md、なめらかなイージング集、OFL フォント、GSAP、起動できる最小のスターター) 【手順書の流れ】インストール → Claude Code の準備 → プロジェクト作成(60fps)→ 日本語で頼む → プレビュー → 書き出し → check の読み方 → なめらかな動きの頼み方 → 縦動画 → フォント → 音 → ライセンス → よくあるエラー → 応用 【見本動画】HyperFrames 版(上の動画)/After Effects 版:https://youtu.be/7LBf4jnef-g
動作環境
Windows 10 / 11(Mac は対象外) Node.js・FFmpeg・Chrome(導入方法は手順書の 1 章) Claude Code が使える Anthropic の契約(別途・有料) After Effects は不要 初回の準備 1〜2 時間
アップデート履歴
[2026-10-29: v1.0] 初版。【未検証】の項目(まっさらな PC での手順など)は、確認でき次第、この商品ページで更新します。

