Motion Skills
← ガイド

Codex、Cursor、Gemini CLI で動画を作る

はい、作れます。エージェントスキルを使えば、Codex、Cursor、Gemini CLI でも、Claude Code と同じように映像をコードとして書き、自分のパソコン上で MP4 をレンダリングできます。スキルは SKILL.md ファイルを含むフォルダーで、3 つのエージェントはどれもそれを読み込みます。違うのはインストール先のフォルダーだけです。Claude Code が含まれない Claude の無料プランを使っている場合も、この方法になります。

各フォルダーの場所は、それぞれのエージェントの公式ドキュメントをもとに2026年10月29日に確認しました。

使えるエージェント

Motion Skills は、オープンな Agent Skills 形式で書かれています。SKILL.md（指示）に、参考資料とスクリプトを加えたフォルダーです。次のエージェントがこれを読み込みます。

エージェント インストーラーがスキルを置く場所 ほかに読み込む場所（各エージェントのドキュメントによる）
Claude Code ~/.claude/skills/<slug>/（プロジェクトでは .claude/skills/）
Codex ~/.agents/skills/<slug>/ リポジトリ内の .agents/skills/
Cursor プロジェクト内の .cursor/skills/<slug>/ ~/.cursor/skills/、~/.agents/skills/、.agents/skills/
Gemini CLI ~/.gemini/skills/<slug>/ ~/.agents/skills/、ワークスペース内の .gemini/skills/

共通のフォルダーに注目してください。Codex、Cursor、Gemini CLI はどれも ~/.agents/skills/ を読み込むので、そこに置いたスキルはどのエージェントからも見つかります。どのスキルもパソコンに必要なものは、どのエージェントでも同じです。Node.js 22 以降、FFmpeg、Google Chrome です（必要なものを参照）。

どのエージェントでも使えるインストール方法

いちばん手早い方法は、どこでも同じです。エージェントに次を貼り付けます。

Read https://claude-motion.com/skills/motion-director/install.md and follow it to install the "motion-director" skill, then make a first video with it.

エージェントがガイドを読み、コマンドを 1 つ実行します。初回はブラウザーでページが開くので、Google でログインし、ターミナルに表示されたコードを承認してください。自分でコマンドを実行したい場合は、各スキルのページのインストール指示をコピー → ターミナルでインストールに、エージェントごとのコマンドがあります。無料の Motion Director なら、次のようになります。

npx --yes motion-skills@^0.1.2 install motion-director --agent codex

codex を cursor または gemini に置き換えてください。ダウンロードした ZIP からの手動インストールは、エージェントスキルのインストール方法で説明しています。

Codex

Codex は、ユーザー用には ~/.agents/skills/ から、またカレントフォルダーとその親フォルダーからリポジトリのルートまでの .agents/skills/ からスキルを読み込みます。インストーラーはユーザー用のフォルダーを使うので、スキルはどのプロジェクトでも使えます。

Codex は新しいスキルを自動で見つけます。表示されない場合は Codex を再起動してください。そのうえで、素材のあるフォルダーで、映像をふつうの言葉で頼みます。

README.md と CHANGELOG.md にある 2.0 のノートをもとに、このリポジトリの 15 秒のローンチティーザーを 16:9 で作ってください。

スキルはファイルを読み、静止画付きで 3 つの方向性を見せ、選んだものを映像として書き、音楽を作曲し、すべてのフレームをチェックして、プロジェクト内に MP4 をレンダリングします。スキルがチェックに使うブラウザーやローカルサーバーを Codex のサンドボックスがブロックする場合は、チェックを飛ばさずに、聞かれたときに許可してください。

Cursor

Cursor は、プロジェクト内の .agents/skills/ と .cursor/skills/、そしてユーザー用の ~/.agents/skills/ と ~/.cursor/skills/ からスキルを読み込みます。「互換性のため」に、Claude Code と Codex のフォルダーも読み込みます。インストーラーはスキルをプロジェクトの .cursor/skills/ に置くので、プロジェクトのフォルダーで実行するか、--dir で別のフォルダーを指定してください。

Cursor は起動時にスキルを見つけるので、インストール後にプロジェクトを開き直してください。そのうえで、エージェントのチャットで同じように頼みます。映像の用途と、使うファイルを伝えてください。

Gemini CLI

Gemini CLI は、ユーザー用には ~/.gemini/skills/（またはエイリアスの ~/.agents/skills/）から、またワークスペース内の .gemini/skills/ からスキルを読み込みます。ワークスペース内のフォルダーは、バージョン管理を通じてチームと共有できます。インストール後に /skills reload を実行してセッションに新しいスキルを認識させ、映像を頼んでください。

Google 自身のドキュメントには、注意点が 1 つあります。無料枠と Google One のユーザーについて、Gemini CLI は「2026年6月18日に Antigravity CLI に置き換えられた」とのことです。該当する場合は、Antigravity のドキュメントでスキルのフォルダーを確認してください。スキル自体は同じフォルダーで、--dir を使えばどこにでもインストールできます。

Claude の Free プランの場合

Claude の無料プランには、Claude Code も Claude Motion も含まれていません。有料の Claude プランなしでこの種類の動画を作るには、Codex、Cursor、Gemini CLI で無料の Motion Director を使う方法があります。どの Claude プランに何が含まれるか、そしてほかのすべての方法は、Claude Motion がプランにない場合にまとめています。

作例の映像

私たちの作例の映像は Claude Code で作りました。スキルはどのエージェントでも同じファイルなので、Codex、Cursor、Gemini CLI でも、同じスキルが同じステップを実行します。ただし、映像の出来はエージェントが使うモデルにも左右されます。

東京への最短ルート

ニューヨークから東京への最短ルートがなぜ北極圏の近くを通るのか。平面の地図が地球儀に折りたたまれます。空港は OurAirports、地図は Natural Earth。

縦型ショート の作例9:16 · 18 秒

Vite が webpack を抜いたとき

2021 年以降の月間 npm ダウンロード数：2025 年 9 月に交差。単月の急増はグラフ上に明記。

データ映像 の作例16:9 · 22 秒

npm ダウンロード API より、2026 年 10 月 24 日取得。

1 本目は「縦型ショート」スキルで作った縦型ショート、2 本目は「データ映像」スキルで作ったデータ動画です。ギャラリーのすべての映像に、それを作ったスキルの名前が書かれています。実際の映像 1 本をブリーフから最後の修正までたどるステップごとの手順は、Claude Code で動画を作る方法をご覧ください。インストール以降のステップは、これらのエージェントでもすべて同じです。

よくある質問

Codex や Cursor で動画を作れますか？

はい。エージェントスキルを使えば、Codex、Cursor、Gemini CLI で映像をコードとして書き、自分のパソコン上で MP4 をレンダリングできます。オープンな Agent Skills 形式のスキルはこれらのエージェントで共通に動き、違うのはインストール先のフォルダーだけです。

Codex、Cursor、Gemini CLI では、スキルをどこに置きますか？

Codex は ~/.agents/skills// です。Cursor はプロジェクト内の .cursor/skills//、またはユーザー用の ~/.cursor/skills/ です。Gemini CLI は ~/.gemini/skills// です。3 つとも ~/.agents/skills/ も読み込みます。新しいスキルが表示されない場合、Codex と Cursor は再起動し、Gemini CLI では /skills reload を実行してください。

Gemini CLI はスキルに対応していますか？

はい。Gemini CLI は ~/.gemini/skills/ とワークスペース内の .gemini/skills/ からスキルを読み込み、/skills reload で新しいスキルを認識します。Google によると、無料枠と Google One のユーザーについては、Gemini CLI は2026年6月18日に Antigravity CLI に置き換えられました。

これは Claude Motion ですか？

いいえ。Claude Motion は、Claude の Team プランと Enterprise プランで提供されている Anthropic の機能です。これは、自分のエージェントで同じ種類の動画を作る、独立したスキルです。

出典

このガイドは独立したもので、OpenAI、Cursor、Google、Anthropic とは関係ありません。製品名は各所有者の商標です。2026年10月29日に確認しています。