← Blog

用途別ガイド2026-10-13

Claude Code でターミナルのデモ動画を作る

コマンドラインツールの操作をそのまま Claude Code に任せ、時間を決めた台本から 1 フレームずつ描いた、きれいなターミナルのデモ動画を受け取ります。製品ページや資料、公開のお知らせにそのまま使えます。

なぜ画面録画ではなく Skill なのか

ターミナルをそのまま録画すると、打ち間違い、長い待ち時間、個人のフォルダ名、通知のポップアップまで入ってしまい、撮り直しはいつも最初からです。SHELLCAST は代わりに、時間を決めた台本から AI にすべてのフレームを組み立てさせます。コマンドは一文字ずつ打たれ、出力は一行ずつ現れ、スピナーや進捗バーは合図どおりに動き、打つ速さと間は台本で決まります。

フレームを計算して作っているので、コマンドひとつや出力ひと塊を変えれば、同じ見た目のまま動画を作り直せます。版が上がってもデモの見た目はそろいます。分割表示にすれば、ファイルを直すと再ビルドが走り、その隣で即時プレビューが動くところも見せられるので、開発ツールが作業の流れのどこに入るかを説明しやすくなります。

よくある三つの使い道

一つめは新しい版のお知らせです。新しいコマンドの操作を短い動画にして、公開のお知らせや製品ページの冒頭に置きます。二つめは資料とチュートリアルで、導入、初期設定、最初の実行を動画で見せれば、読む人はそのまま手を動かせます。三つめはオープンソースのプロジェクトページで、短い動画ひとつでそのツールが実際に何をするのかを伝えられます。

Claude Code での手順

  1. Sketchry で SHELLCAST をコピーし、Claude Code や Codex、Cursor に貼る
  2. ツールの名前と、見せたいコマンド三つか四つ、そしてその実際の出力を渡す
  3. 動画の長さと画面の比率を伝える
  4. AI が GSAP と描画用のツールを入れ、まず絵コンテを書く
  5. 絵コンテを確認したら、AI がプロジェクトのフォルダに MP4 とサムネイルを書き出す
  6. コマンドや文字を直してもう一度描画すれば、更新した動画が手に入る

よくある質問

画面を録画するのと何が違いますか?

すべてのフレームを時間を決めた台本から組み立てるので、打つ速さと間は固定で、打ち間違いも通知も映りません。内容を変えたあとも、見た目のそろった新しい版を描き直せます。

Codex や Cursor でも使えますか?

はい。SHELLCAST は Claude Code、Codex、Cursor のための AI Skill で、三つのどれでも手順をたどれます。

自分のコマンドや出力が Sketchry に送られますか?

いいえ。Skill はあなたの AI ツールのなかで動き、動画もあなたの手元の機械で作られます。