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

Claude Artifacts をアニメーションに

Claude の Artifacts を書き出せるモーションに

Artifacts は優れたインタラクティブページですが、タイムラインも MP4 もありません。Claude Motion なら、Claude Code が使えるどのプランでも両方を追加できます。

Artifact をアニメーションにする事例を見る

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

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

HyperFrames タイムライン · 0:24 / 2:10

テキスト

タイトルコールアウト

グラフ

自然検索の棒グラフチャネル絞り込み

インタラクション

クイズドラッグ照合

オーディオ

BGM · ナレーション

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

Artifact、Motion、Claude Motion の比較

  • インタラクティブ性はそのまま

    グラフ、クイズ、フィルター。

  • タイムラインを追加

    HyperFrames でタイミング調整やカット。

  • MP4 を書き出す

    ローカルで書き出し。

Artifact をアニメーションにする
HTML ArtifactMotion（Team/Ent.）Claude Motion
インタラクティブありなしあり
タイムラインなしエディターHyperFrames タイムライン
MP4 書き出しなしありあり
プランすべてTeam / EnterpriseClaude Code が使えるどのプランでも

Claude にすでに頼んだものから始める

  • 何でも入れられる

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

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

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

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

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

Artifact をアニメーションにする

Artifact ではできない書き出しを

  • MP4 を書き出す

    HyperFrames で、ご自身のパソコン上で毎回同じ結果に書き出せます。

  • リンクで共有

    公開またはパスワード付きのリンク。再生数やクイズの統計も確認できます。

  • 音楽とナレーション

    今すぐでも後からでも追加できます。自然な英語と中国語の音声に対応。

Artifact をアニメーションにする

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

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

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

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

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

必要な機能をすべて

  • モーションスタイル

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

  • 動くグラフ

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

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

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

  • HyperFrames タイムライン

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

  • ナレーション

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

  • 音楽

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

  • 共有リンク

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

  • MP4 書き出し

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

Claude の Artifact をアニメーションにする方法

  1. 1Artifact の内容（またはその元になったドキュメント）をフォルダに保存します。
  2. 2Claude Motion をインストールした Claude Code に、モーションにするよう依頼します。
  3. 3タイムラインで微調整し、MP4 を書き出します。
Claude Motion をインストール：npx -y claudemotion@latest setup を実行し、出力の指示に従ってください。

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

よくある質問

Artifact を動画として書き出せますか？

直接はできません。画面録画するか、Team/Enterprise の Motion を使うか、MP4 が必要なら Claude Motion をお使いください。

関連ページ

Artifact にタイムラインを

Artifact をアニメーションにする