メインコンテンツへスキップ

Claude アニメーションメーカー

Claude でアニメーションを、数分で

Claude Code にドキュメント、台本、授業を渡すだけ。動きのあるインタラクティブなモーションができあがり、タイムラインで微調整できます。

アニメーションを作る事例を見る

月額 $19.9 から · Claude Code と Codex に対応 · 独立運営・Anthropic とは無関係

Claude Motion の利用には有料の Creator または Studio サブスクリプションが必要です。無料プランはありません。

モーションスタイルを選ぶ · プレビューはあなたのコンテンツで

お手持ちの Claude Code / Codex で動作 · HyperFrames ベース · MP4 + インタラクティブ Web

テキストから Claude アニメーションへ

  • 何でも入れられる

    ドキュメント、台本、授業ノート、PPT、ざっくりしたアイデアでも。

  • モーションスタイルを選ぶ

    どのスタイルも、まず自分のコンテンツでプレビューできます。

  • 自分のエージェントが制作

    Claude Code または Codex が作成するので、ビジュアルにクレジットはかかりません。

アニメーションを作る

触って操作できるアニメーション

  • 動くグラフ

    ツールチップ、凡例、リアルタイムのフィルターを備えた ECharts。

  • クイズ

    すぐにフィードバック、解説、スコアを表示。

  • ドラッグ＆ドロップ

    並べ替え・マッチング・グループ分けの演習を自動で採点。

アニメーションを作る

すべてのフレームを微調整

  • カットとタイミング調整

    HyperFrames タイムライン上でクリップを動かし、タイミングを変更。

  • ブロックを差し替え

    HyperFrames カタログのグラフ、キャプション、トランジション。

  • 頼むだけでも OK

    変更内容を Claude Code に伝えれば、同じコンポジションを編集します。

アニメーションを作る

モーションスタイルから始める

どのスタイルにもグラフ、フィルター、クイズ、ドラッグ＆ドロップが付いています。エージェントに自由にデザインさせることもできます。

好みのスタイルを複数選ぶと、AI が内容に合うものを選びます。

閲覧中にパッケージはダウンロードされません。

スタイルを選んで作成
すべてのモーションスタイルを見る

必要な機能をすべて

  • モーションスタイル

    スタイルを選ぶか、エージェントに自由にデザインさせられます。

  • 動くグラフ

    ECharts を内蔵し、スタイルに合わせて表示します。

  • クイズとドラッグ＆ドロップ

    標準でインタラクティブです。

  • HyperFrames タイムライン

    クリップ、タイミング、ブロックを編集できます。

  • ナレーション

    英語と中国語に対応。ブランド名も正しく読み上げます。

  • 音楽

    今すぐ生成することも、後から追加することもできます。

  • 共有リンク

    公開またはパスワード付き。統計も確認できます。

  • MP4 書き出し

    ローカルで、毎回同じ結果に。

Claude でアニメーションを作る 3 ステップ

  1. 1Claude Code または Codex に 1 行のインストールコマンドを貼り付けます。
  2. 2ドキュメントを入れてモーションスタイルを選びます。音楽は今でも後からでも選べます。
  3. 3HyperFrames タイムラインで微調整し、MP4 を書き出すか共有リンクを発行します。
Claude Motion をインストール：npx -y claudemotion@latest setup を実行し、出力の指示に従ってください。

初回実行時はブラウザが開いてログインします。クリック 1 回だけで、ターミナル操作は不要です。

よくある質問

Claude で無料でアニメーションを作れますか？

Claude Code には有料の Claude プランが必要で、Claude Motion も月額 $19.9 からの有料プランです。

実写のような映像を生成しますか？

いいえ。テキスト、グラフ、図形、画像をコードでアニメーションさせます。

関連ページ

最初の Claude アニメーションまで、あと 1 行

アニメーションを作る