Motion Skills
← すべてのスキル

変更履歴ビデオ

何が変わったかを、変更そのもので見せます。diff、出力、ビフォーアフター。

使い方

  1. 1インストール用プロンプトをコピーして、エージェントに貼り付けます。
  2. 2エージェントが mo doctor で Node.js・FFmpeg・Chrome を確認し、足りないものがあれば入れ方を案内します。
  3. 3素材を渡すと、お使いのパソコンで MP4 を書き出します。直したいところは言葉で伝えるだけです。

変更履歴ビデオをインストール

AI エージェントに一文を貼り付けるだけです。エージェントがインストール手順を読んでスキルを入れ、最初の映像まで作ります。

エージェントに伝える

https://claude-motion.com/skills/changelog-video/install.md を読んで手順どおりに「changelog-video」スキルをインストールし、それを使って最初の動画を作ってください。

Claude Code、Codex、Cursor、Gemini CLI など Agent Skills を読めるエージェントで使えます。初回はブラウザでログインします。

Claude Code、Codex、Cursor などスキルに対応したエージェントに貼り付けてください。

始めるのに必要なのは

API キー不要

これだけで始められます

  • コード・PR・エージェントのセッション

依存環境

Node.js 22+、FFmpeg、Chrome。API キー不要。

始める前に、エージェントが mo doctor で Node.js・FFmpeg・Chrome を確認し、足りないものは入れ方を案内します。このスキルにほかに必要なもの(字幕用の whisper など)があれば、説明に書いてあります。

プロンプト例
Make a changelog-video of what changed from v2.3.0 to v2.4.0, from CHANGELOG.md and the tag's commits; show the new --watch flag with its real output and the settings screen before and after, and end on our install command.
スタイルプロンプト(Claude Motion または Opus 5.5)
Make a 10-second 16:9 release notes video for [who will watch, e.g. our users], playing [where, e.g. in-app and on X]. Use only the version and changes I give below; don't add or reword items. Deep navy background with a faint grid.

On the left, the product name with a violet version badge pops in above a big bold "What's new" headline that rises letter by letter, with the availability line beneath. On the right, four rounded cards slide in one after another, each with a small colored tag (NEW, IMPROVED, FIXED) and one line of text. End frame: each card's border lights up violet in turn.

Product and version: [e.g. Northwind v2.4]
Availability line: [e.g. "Available today · northwind.dev/changelog"]
Four changes with tags: [e.g. NEW — Brand kits]

インストールは不要です。Claude Motion(Team または Enterprise)に貼り付けるか、Opus 5.5 に渡すと、近いルックになります。結果は実行のたびに変わります。スキルなら、手持ちの素材をもとに、お使いのパソコンで書き出します。

よくある質問

リリースノートを動画にするには?

変更履歴ビデオをインストールし、Claude Code、Codex、Cursor のエージェントに CHANGELOG.md、リリースノート、2 つのタグ間のコミット、または PR を読ませてください。大事な変更(破壊的変更は必ず、指定があればメインの変更を最初に)を本物のまま見せます。diff、コマンドとその出力、またはビフォーアフターの画面です。約 10 秒なら 3 つ、12–18 秒なら最大 5 つの変更を見せ、残りはエンドカードで件数として示します。16:9、1:1、9:16 に対応し、専用の音楽が付きます。

本当に読めるコードを見せられますか?

はい、それがこのスタイルの狙いです。変更された行だけを、16:9 の映像なら 56 px 以上(1:1 なら 36 px)で見せ、− と + の行と変更された語を本物のコードテーマ(ドキュメントのテーマ、または GitHub Light / Dark)でマークします。長い行は変更部分だけを「…」で切り出し、コードそのものを映像のために書き換えることはありません。旧テンプレート「コードショーケース」の後継です。

見せるものがない変更はどうなりますか?

コードが公開されていればその変更の diff を、そうでなければ変更履歴の項目そのものを大きく組んで見せるか、エンドカードで件数として示します。実在しないグラフや画面を描くことはなく、ノートに根拠のない数字や主張(「2 倍速い」「ユーザーに大好評」)も画面に出しません。何を省いたか、どんな情報源があれば載せられるかはエージェントが伝えます。

変更履歴ビデオのスキルは無料ですか?

変更履歴ビデオは単体で $4.90 で、すべてのプランに含まれています。2026 年 10 月 30 日より前に旧テンプレート「変更履歴ビデオ」をダウンロードした方は、このスキルを引き続き使えます。無料で最初の 1 本を作るなら、Google でサインインすれば、無料の Motion Director がリリースノートから短い映像を作ります。

もっと長いリリース映像は作れますか?

このスタイルはフィードで読めるよう、約 10 秒または 12–18 秒に収めています。プロダクトを画面に映し、ストーリーで包んだ本格的なリリース映像には、ローンチ映像を使ってください。リリースや PR を同じように読み込みます。

このスキルで作った作品

「変更履歴ビデオ」で映像をつくる

インストール用プロンプトをコピー