Claude Motion という名前は、複数の製品を指します。チュートリアルでパッケージのインストールを求められたり、契約ページで機能が案内されたり、魅力的なデモを見たりするとき、この違いが重要です。本記事では製品を区別し、共通する考え方を説明します。AI アシスタントが編集可能なアニメーションのプロジェクトを書き、レンダラーがそれを動画に変換します。
本サイトの Claude Motion Skills
Claude Motion Skills は独立運営の本サイトと、お使いのコーディングエージェント向けの制作フローです。独自の作品、編集可能な絵コンテ、ソースのダウンロード、HyperFrames によるローカル MP4 レンダリングを提供します。Anthropic の製品ではありません。サイトで物語とビジュアルの方向性を整理し、ダウンロードしたプロジェクトを引き続き編集する、と考えてください。Claude Code 対応は、契約の共通化や提携関係を意味しません。
Anthropic 公式の Motion 機能
Anthropic も Claude の Artifacts 内の機能に Claude Motion という名前を使っています。現在の公式ヘルプでは、プロンプトから短いアニメーションを作り、MP4 に書き出せる Team・Enterprise 向けベータ版と説明されています。利用可否は組織のプランと設定に依存します。Claude 内で作業したい場合は公式ガイドから始めてください。本サイトの CLI を入れても組織向け機能は有効にならず、本サイトの契約も別の購入です。
whaleyxbt のオープンソースツールキット
GitHub の whaleyxbt/claude-motion は別の独立プロジェクトです。Remotion の制作フローに、モーション設計の指針、フレームレビュー、サウンドツールを加え、Web シミュレーション用の処理経路も備えています。掲載作品は作者のものです。そのリポジトリのコマンドは、このサイトの HyperFrames プロジェクトではなく、そのツールキットをセットアップします。手順を試す前に、リポジトリの URL と想定ファイルが目的のツールと一致するか確認しましょう。
別サービスの claudemotion.design
claudemotion.design は独自の製品紹介とインストール手順を持つ第三者のサイトです。表現や見た目が似ていても、claudemontiondesignskills.org の Claude Motion Skills と同じサービスではありません。選んだ正確な URL を保存し、インストール前にパッケージ名を確認してください。この小さな習慣で、あるサービスのアカウント、コマンド、文書を似た名前の別製品に使ってしまう、よくある問題を防げます。
制作フローに共通するもの
役立つ区別は、アニメーションを記述することと、映像素材のショットを生成することの違いです。コードを使う制作では、文字、図形、位置、時間が編集可能なソースに残ります。見出しを短くする、読むための間を長くする、と指示して再レンダリングできます。本サイトの HTML から動画への基盤は HyperFrames です。良い成果には明確なメッセージ、利用が認められた素材、読みやすい文字組み、書き出したファイルの確認が必要です。助手の名前だけでは、その判断はできません。
必要な成果物から選ぶ
社内向け解説、チームが維持するソースプロジェクト、短い SNS 動画など、まず成果物を決めます。次に編集場所とファイルの管理者を決めてください。最初は一文、三つのシーン、一つのスタイルで試しましょう。数字を変えてもレイアウトが崩れないか、後でソースを開き直せるかを確認します。こうした確認は、準備過程が分からない完成度の高いデモより、制作フローとの相性をよく示します。
次のステップ
まず正確な製品を特定し、小さな実案件で編集可能なソース、レンダリング方法、アカウント要件を評価しましょう。
制作ワークスペースを見る出典と参考資料
出典は公式資料や制作者の公開ページです。提供状況は変わるため、契約やインストールの前にリンク先を確認してください。
- Claude Motion SkillsClaude Motion Skills
- Get started with Claude MotionAnthropic
- claude-motion repositorywhaleyxbt
- Claude Motion · PPT & Motionclaudemotion.design
- What is HyperFrames?HeyGen