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

Claude Code 向け Remotion スキル

Remotion の先へ。Claude Code のためのモーションスキル

スキルを一式インストールするだけで、Claude Code がドキュメントを HyperFrames タイムラインで編集できるインタラクティブなモーションに変えます。

スキルをインストール事例を見る

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

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

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

テキスト

タイトルコールアウト

グラフ

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

インタラクション

クイズドラッグ照合

オーディオ

BGM · ナレーション

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

1 回のインストールで、モーションスキル一式

  • 何でも入れられる

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

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

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

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

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

スキルをインストール

モーションスキルの比較

  • 動画プロジェクトには

    向いている場面では Remotion を。

  • ドキュメントや授業には

    Claude Motion を。

  • アプリの UI には

    Framer Motion を。

スキルをインストール
スキル得意な用途出力
Remotion スキルプログラムで作る動画MP4
Framer Motion スキルReact アプリの UI アニメーションWeb コンポーネント
Claude Motion スキルドキュメント、授業、データストーリーインタラクティブ Web + MP4

動画スキルにはできない、インタラクティブなブロック

  • 動くグラフ

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

  • クイズ

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

  • ドラッグ＆ドロップ

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

スキルをインストール

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

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

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

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

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

必要な機能をすべて

  • モーションスタイル

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

  • 動くグラフ

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

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

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

  • HyperFrames タイムライン

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

  • ナレーション

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

  • 音楽

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

  • 共有リンク

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

  • MP4 書き出し

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

Claude Motion スキルのインストール方法

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

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

よくある質問

両方を使うことはできますか？

はい。スキルはそれぞれ独立しています。動画プロジェクトには Remotion を使い続け、ドキュメントからのモーション制作には Claude Motion をお使いください。

関連ページ

動画ツールのように編集できるモーションスキルを Claude Code に

スキルをインストール