USEthree steps

ダウンロード。AIに渡す。自分だけのものに。

スタイルを選び、自身のテキストとアセットを用意してください。アシスタントと最初のプレビューを作成し、動画に仕上げていきます。

アシスタントを選んでデモを見る ↓
  1. 01

    .motionをダウンロード

    テンプレートをプレビューし、スタイルを選んでダウンロードします。パッケージにはソースコード、パラメータ、スタイルバリエーション、ライセンスが含まれます。

    テンプレートを閲覧 →
  2. 02

    AIアシスタントに渡す

    ファイルをアシスタントに渡して「このテンプレートを私のコンテンツに使用して」と指示します。motion.jsonを読み、変更可能な項目を説明し、不足している入力を特定します。

    AI向けの指示 →
  3. 03

    動画をエクスポート

    テキスト、画像、データを追加します。実行時の依存関係を確認し、エクスポート前にプレビューを確認して、編集可能なプロジェクトを後のために保管します。

WALKTHROUGH.motion → your video

アシスタントを選んで操作に従ってください。

動画制作にはファイルとコマンドにアクセスできる作業モードが必要です。利用可能な高性能なコーディング/Agentモデルを選び、環境と依存関係を確認してください。

ローカル制作ワークフロー

Claude Codeで制作

テンプレートを新しい作業ディレクトリに配置します。Claude Codeに読み取らせ、パッケージの指示に従うよう依頼してください。ウェブチャットの場合は、事前にコンテンツを準備してローカル制作に引き渡してください。

作業モード
Claude: 制作フォルダーを開き、ファイルの読み書きとターミナルの実行権限を確認してください。
推奨モデル
利用できる最も高性能なコーディング/Agentモデルを選択してください。
ワークフロー図解01 / 03
my-video.motionダウンロードしてオリジナルを保持
↓
あなた

このテンプレートを使って動画を作成してください。タイトルを「一歩一歩が大切」に変更してください。

Claude

ウェブでClaudeだけを使用していますか?引き継ぎガイドを参照してください →

これをテンプレートと一緒に送信
提供した.motionテンプレートを使用して動画を作成してください。最初に実際のファイル名を確認してください。オリジナルを保持してください。motion.json、README.md、params.schema.json、存在する場合はguide.jsonを検査して読み取ってください。編集可能な入力、実行時の依存関係、不足しているアセットを説明してください。タイトルを「一歩一歩が大切」、サブタイトルを「今日から始めよう」にしてください。新しいディレクトリで作業し、プレビューを表示してから、承認後にエクスポートして編集可能なプロジェクトを保持してください。
ローカル制作ワークフロー

ローカルプロジェクトに接続されたCodexで制作

作業ディレクトリを現在のプロジェクトとして開き、テンプレートのパスを指定してください。環境がローカルファイルを読み取り、テンプレートに必要なコマンドを実行できることを確認してください。

作業モード
Codex: 制作フォルダーを開き、ファイルの読み書きとターミナルの実行権限を確認してください。
推奨モデル
利用できる最も高性能なコーディング/Agentモデルを選択してください。
ワークフロー図解01 / 03
my-video.motionダウンロードしてオリジナルを保持
↓
あなた

このテンプレートを使って動画を作成してください。タイトルを「一歩一歩が大切」に変更してください。

Codex
これをテンプレートと一緒に送信
現在のプロジェクト内で提供された.motionテンプレートを読み取ってください。最初に実際のファイル名を確認してください。MotionGit Skillを提供した場合は、最初にSKILL.mdを読み取ってください。オリジナルを保持し、motion.json、README.md、params.schema.json、存在する場合はguide.jsonを検査してください。エントリポイント、パラメータ、プリセット、依存関係を要約してください。タイトルを「一歩一歩が大切」、サブタイトルを「今日から始めよう」に設定してください。不足しているアセットを一覧表示し、新しいディレクトリでプレビューを作成してから、承認後に動画パスと編集可能なプロジェクトを納品してください。
ローカル制作ワークフロー

Cursor · ローカル制作ワークフロー

テンプレートをCursorがアクセスできるローカルワークスペースに配置してください。ファイルとコマンドのアクセスを確認してから、パッケージの指示を使用してレンダリングの依存関係を検証してください。

作業モード
Cursor: 制作フォルダーを開き、ファイルの読み書きとターミナルの実行権限を確認してください。
推奨モデル
利用できる最も高性能なコーディング/Agentモデルを選択してください。
ワークフロー図解01 / 03
my-video.motionダウンロードしてオリジナルを保持
↓
あなた

このテンプレートを使って動画を作成してください。タイトルを「一歩一歩が大切」に変更してください。

Cursor
これをテンプレートと一緒に送信
このワークスペース内で提供された.motionテンプレートを検査してください。実際のファイル名を確認してオリジナルを保持してください。motion.json、README.md、params.schema.json、存在する場合はguide.jsonを読み取ってください。ファイルアクセスとこのテンプレートを実行する機能を確認してください。タイトルを「一歩一歩が大切」、サブタイトルを「今日から始めよう」にしてください。不足しているアセットと依存関係を一覧表示し、新しいディレクトリでプレビューを作成してから、承認後にエクスポートしてプロジェクトを保持してください。実行できない場合は、完全な引き渡しリストを準備してください。
ローカル制作ワークフロー

GitHub Copilot · ローカル制作ワークフロー

テンプレートをGitHub Copilotがアクセスできるローカルワークスペースに配置してください。ファイルとコマンドのアクセスを確認してから、パッケージの指示を使用してレンダリングの依存関係を検証してください。

作業モード
GitHub Copilot: 制作フォルダーを開き、ファイルの読み書きとターミナルの実行権限を確認してください。
推奨モデル
利用できる最も高性能なコーディング/Agentモデルを選択してください。
ワークフロー図解01 / 03
my-video.motionダウンロードしてオリジナルを保持
↓
あなた

このテンプレートを使って動画を作成してください。タイトルを「一歩一歩が大切」に変更してください。

GitHub Copilot
これをテンプレートと一緒に送信
このワークスペース内で提供された.motionテンプレートを検査してください。実際のファイル名を確認してオリジナルを保持してください。motion.json、README.md、params.schema.json、存在する場合はguide.jsonを読み取ってください。ファイルアクセスとこのテンプレートを実行する機能を確認してください。タイトルを「一歩一歩が大切」、サブタイトルを「今日から始めよう」にしてください。不足しているアセットと依存関係を一覧表示し、新しいディレクトリでプレビューを作成してから、承認後にエクスポートしてプロジェクトを保持してください。実行できない場合は、完全な引き渡しリストを準備してください。
ローカル制作ワークフロー

Grok · ローカル制作ワークフロー

テンプレートをGrokがアクセスできるローカルワークスペースに配置してください。ファイルとコマンドのアクセスを確認してから、パッケージの指示を使用してレンダリングの依存関係を検証してください。

作業モード
Grok: 制作フォルダーを開き、ファイルの読み書きとターミナルの実行権限を確認してください。
推奨モデル
利用できる最も高性能なコーディング/Agentモデルを選択してください。
ワークフロー図解01 / 03
my-video.motionダウンロードしてオリジナルを保持
↓
あなた

このテンプレートを使って動画を作成してください。タイトルを「一歩一歩が大切」に変更してください。

Grok

ウェブでGrokだけを使用していますか?引き継ぎガイドを参照してください →

これをテンプレートと一緒に送信
このワークスペース内で提供された.motionテンプレートを検査してください。実際のファイル名を確認してオリジナルを保持してください。motion.json、README.md、params.schema.json、存在する場合はguide.jsonを読み取ってください。ファイルアクセスとこのテンプレートを実行する機能を確認してください。タイトルを「一歩一歩が大切」、サブタイトルを「今日から始めよう」にしてください。不足しているアセットと依存関係を一覧表示し、新しいディレクトリでプレビューを作成してから、承認後にエクスポートしてプロジェクトを保持してください。実行できない場合は、完全な引き渡しリストを準備してください。

アシスタントのスクリーンショットや実際のエクスポートではなく、図解化されたワークフローです。パッケージの指示と現在使用中のツールに従って操作してください。

HANDOFF引き渡しテキスト

ファイルと一緒に送信

これはMotionGitテンプレートパッケージ(.motionファイル、ZIPコンテナ)です。
安全に新しいディレクトリに展開してください。motion.json、guide.json、README.mdの先頭にある「AI向け手順」、params.schema.jsonの順に読んでください。
パッケージのコードを直接実行しないでください。テンプレートの機能、置き換え可能な項目、実行環境の要件、不足している入力を私に教えてください。
仕様:https://motiongit.com/spec
実行環境要件と記録済みテスト

Runtime compatibility

Production and export depend on execution tools and the template’s runtime dependencies, rather than the model brand. Creative tools such as Claude, Codex, Cursor, GitHub Copilot and Grok are not partnership endorsements or a claim that every client has been tested.

Tool typeWhat it can doExport requirements
Chat-only web or mobile assistantExplain instructions and prepare copy and inputsExport cannot be promised; hand off to a tool with execution capabilities
Desktop or CLI assistant with real file access, unpacking and commandsInspect packages, edit content and run production stepsMust also support the package’s runtime.profile and rendering dependencies
The local renderer specified by the templateRead production instances and create previews and videoFollow motion.json, README and motion.lock.json; common HTML/Canvas templates need Node.js and a browser, and video assembly may need FFmpeg

Work modes and model selection

Use a work / Agent mode with file operations and command execution. The recommendations below are MotionGit guidance. A capable model handles understanding and execution; prepare the browser, Node.js, FFmpeg or other dependencies specified by the package.

Creative toolEntry to useRecommended model
ClaudeClaude Code execution tasks, or a desktop Code / Cowork workspace with file and command toolsThe most capable coding / Agent model available to you
ChatGPT / CodexChatGPT users should use Codex with a local project / work task connected to the production directoryThe most capable coding model available; use a higher reasoning setting when offered
CursorOpen the production directory in Cursor Agent; approve file edits and terminal commands as neededChoose the most capable coding / Agent model available to your account
GitHub CopilotStart Copilot CLI in the production directory; use ask / execute mode for productionChoose the most capable coding / Agent model available to your account
GrokGrok Build Agent environment with file and terminal tools; ordinary Grok chat can prepare contentThe most capable coding / Agent model available in that environment

Copilot CLI plan mode prepares an approach; switch back to execution to produce files. Approve required tools as needed. Entries and models depend on your client and account. In ordinary chat, prepare content and hand off to a tool with execution access.

Work entries checked against official documentation on 2026-10-07: OpenAI app and local tasks, Claude work and computer use, and Grok Build CLI. Cursor and Copilot entries checked on 2026-10-08: Cursor Agent and GitHub Copilot CLI. The Claude Code installation entry was also checked on 2026-10-10: Claude Code quickstart. These describe tool capabilities, not completed template export tests.

Recorded tests and unverified environments

  • 2026-10-06: dark-tech-kit 0.1.0 completed cold unpacking, still rendering and video with audio on macOS, Node 23.11.0, Chrome 154.0.8037.98, Playwright Core 1.58.2 and FFmpeg 9.0.1. Evidence: the project’s public acceptance record C4 acceptance record. This proves only that version’s execution workflow, not approval of the latest version, other templates or visual quality.
  • Windows, Linux, other versions and each specific client of the brands above: full production and export remain unverified. Website browser tests are not template rendering tests.

Read the package’s instructions and dependencies first. Confirm file and command access, and obtain user authorization before installing dependencies, using the network or reading external assets. Inspect, preview, then export. Chat-only tools can prepare inputs but must not claim they rendered a video.

HELPFAQ

初めて試す際に知っておくべきこと

アシスタントが.motionを認識しない?

ZIP形式のテンプレートパッケージであることを説明してください。ローカルファイルアクセスがある場合は、内容を確認して新しいディレクトリに解凍します。アップロードがサポートされていない場合は、READMEとパラメータの指示を提供し、オリジナルをローカルツールに引き渡してください。

Skillをインストールする必要がありますか?

Skillは検査とパッケージ化のツールを提供し、ローカル制作に推奨されます。テンプレートには独自のレンダリング環境が別途必要です。エントリポイントと依存関係についてはパッケージの指示に従ってください。

ウェブチャットしか使えません。次はどうすればいい?

コピー、アセット、推奨入力を準備し、それらとオリジナルパッケージをファイルの読み取りとコマンドの実行が可能なツールに引き渡してください。エクスポートする前に、プロジェクトを開いてプレビューを生成できることを確認してください。

エクスポート結果がプレビューと異なる、またはテキストが収まらない?

正確なタイムスタンプ、テキスト、フレームを指定して、テンプレートのパラメータ範囲内で調整を依頼してください。エクスポートされた寸法、所要時間、音声、アセット、および会話内容を確認してください。

STARTfeatured

これらのテンプレートから始めましょう