← Blog

用途指南2026-10-09

用 Claude Code 做出終端機指令演示影片

把命令列工具的使用過程交給 Claude Code,依時間腳本逐格算出乾淨的終端機演示 MP4,放進產品頁、說明文件或發布貼文。

為什麼用 Skill,不直接錄螢幕

直接錄終端機常會錄到打錯字、等太久的輸出、個人資料夾路徑或跳出來的通知,想重錄一次又得從頭再來。SHELLCAST 讓 AI 依照一份時間腳本重建每一格畫面:指令逐字輸入、輸出逐行出現、轉圈與進度條照節奏跑,打字速度與停頓都由腳本決定。

因為畫面是算出來的,改一行指令或一段輸出,就能重新算出整支影片,版本更新後也能保持同樣的風格。分割畫面還能呈現修改檔案後觸發重建、旁邊即時預覽的過程,適合說明開發工具的工作流程。

三個常見的使用情境

第一是新版本發布:把新指令的操作過程做成短片,放在發布貼文或產品頁開頭。第二是說明文件與教學:用影片展示安裝、初始化與第一次執行的步驟,讀者照著看就能跟上。第三是開源專案的介紹:在專案頁用一段影片說清楚這個工具能做什麼。

用 Claude Code 做的步驟

  1. 在 Sketchry 複製 SHELLCAST,貼進 Claude Code、Codex 或 Cursor
  2. 告訴 AI 工具名稱,以及三四個要展示的指令與它們的實際輸出
  3. 說明影片長度與畫面比例
  4. AI 安裝 GSAP 與算圖工具,先寫出分鏡表
  5. 確認分鏡後,AI 在專案資料夾逐格算出 MP4、封面圖與抽格總覽
  6. 修改指令或文字後重新算圖,就能得到新版影片

常見問題

跟直接錄螢幕有什麼差別?

畫面依時間腳本逐格重建,打字速度與停頓都固定,不會錄到打錯字或通知,修改內容後也能重新算出一致的版本。

可以用 Codex 或 Cursor 嗎?

可以。SHELLCAST 是給 Claude Code、Codex 與 Cursor 使用的 AI Skill,三種工具都能照著做。

我的指令內容會傳給 Sketchry 嗎?

不會。Skill 在你自己的 AI 工具裡執行,影片也在你的電腦上算出來。