下載安裝包，一次裝好 Claude Code 和終端機配色。
- 解壓縮到「下載項目」對 zip 按兩下
- 執行對「安裝Claude Code.command」按兩下
- 等它跑完視窗出現「全部完成」
- 開始用開新的終端機視窗，輸入 claude，照畫面登入
被擋下時：到「系統設定 → 隱私權與安全性」，往下找到這個檔案，按「強制打開」。解壓出來的兩個檔案要放在同一個資料夾。Windows 請看官方安裝說明。
一張投影片一個重點，跟著上課一步一步來。
按 → 或空白鍵換頁
下載安裝包，一次裝好 Claude Code 和終端機配色。
被擋下時：到「系統設定 → 隱私權與安全性」，往下找到這個檔案，按「強制打開」。解壓出來的兩個檔案要放在同一個資料夾。Windows 請看官方安裝說明。
用了多少、還剩多少，不用問，畫面最下面一直看得到。
/statusline 顯示成一行，依序是：模型名稱、context 用量（10 格進度條加百分比）、本次對話花費（美元，四位小數）、對話已進行時間、5 小時額度用量和距離重置的時間、7 天額度用量和距離重置的時間。額度超過 50% 變黃色，超過 80% 變紅色。
它會自己寫好腳本、改好設定，不用碰任何檔案。5h、7d 兩段只有 Pro／Max 訂閱才有，送出第一則訊息後才會出現。
在哪個資料夾啟動，Claude 就在那裡讀檔、改檔。
claude --dangerously-skip-permissions
注意：用這行啟動，Claude 改檔、刪檔、執行指令都不會先問你。只在自己的專案資料夾裡用，重要的檔案先備份。
右鍵選單沒有那一項時：系統設定 → 鍵盤 → 鍵盤快速鍵 → 服務 → 檔案和檔案夾，把它打勾。
不用剪輯軟體、不用生影片模型，讓 AI 用程式碼把影片「寫」出來。
每一格畫面都是程式碼，所以角色不會走樣、每個細節都能改。
兩層可以疊著用，不是互相取代。
| 做法 | 適合做什麼 |
|---|---|
| 動態圖像 | 字卡、資訊圖、宣傳片 Remotion / HyperFrames |
| 手繪插畫 | 水彩、繪本、拼貼風 p5.js + p5.brush |
| 3D | 立體場景、互動遊戲 three.js |
| 單一網頁 | 互動藝術、數學視覺化 HTML |
| AI 導演 | 寫實畫面，指揮其他 AI 生圖、生影片 |
不用。描述你要的效果，工具讓 AI 自己挑。
大家用的都是同一個模型，差別在你給它多少脈絡。
設計一段動畫，介紹〔主題〕，像專業的宣傳片，最後輸出 16:9 的 mp4 影片
發揮你最大的創意和審美，把以下文章做成動態動畫。不要做成 PPT 那種翻頁或只有局部會動的假動畫。
做一支〔秒數〕秒、16:9 的教學影片，主題是〔主題〕，對象是〔年級〕學生。 請參考〔參考影片〕的節奏和風格。 先給我 3 版分鏡和每一幕的靜態畫面，我選定後再做動畫。
再放肆一點。動畫你加。圖用 SVG 自己畫，讓它們動。
環境提醒：要輸出 mp4，需要 Claude Code 這類能實際執行程式的環境；在聊天視窗只能拿到網頁版動畫。
AI 每次對話都從零開始。沒人提醒，它不會自己照這頁做。
| 方式 | 什麼時候生效 | 缺點 |
|---|---|---|
| 每次貼這頁 | 貼了才有 | 要記得貼，而且這頁是寫給人看的 |
| 寫進 CLAUDE.md | 每次對話都讀 | 不做影片也在佔位置 |
| 寫成 skill | 講到「做影片」才讀 | 要先花一次時間寫 |
skill 就是一份「工作說明書」，放在 ~/.claude/skills/ 底下，AI 需要時自己翻。
最好的時機：剛做完一支滿意的影片，趁它還記得整個過程。
把我們剛剛做影片的流程整理成一個 skill，放在 ~/.claude/skills/ 底下。 以後我說要做影片、動畫或 MV，你就照這個流程做。
檔案放在 ~/.claude/skills/video-workshop/SKILL.md，照自己的習慣改。
--- name: video-workshop description: 使用者要做影片、動畫、MV 或教學短片時使用。用程式碼逐格畫出畫面，輸出 mp4。 --- # 做影片的流程 ## 開工前先問 1. 有沒有參考影片？ 2. 素材：logo、配色、截圖、配樂或旁白 3. 長度、比例（16:9 或 9:16）、給誰看 ## 製作順序 1. 先給 3 版分鏡，讓使用者挑方向 2. 每一幕先出靜態畫面，確認後再做動畫 3. 輸出 mp4，告訴使用者檔案在哪裡 ## 選工具 - 字卡、資訊圖、宣傳片：Remotion 或 HyperFrames - 手繪、水彩風：p5.js + p5.brush - 立體場景：three.js - 使用者沒指定畫風，就依效果自己挑，不要反問工具 ## 有聲音的影片 - 有旁白：先轉成文字並對齊時間，字幕跟著旁白出現 - 有配樂：抓出節拍，畫面切換對齊鼓點 ## 輸出前檢查 - 抽幾格畫面截圖，確認沒有跑版 - 確認長度、比例正確，聲音和畫面同步
「有聲音的影片」那段是這頁前面沒講的：只要影片有旁白或配樂，就要叫 AI 讓畫面跟著聲音走。
不用生圖 AI、不用繪圖軟體，讓 AI 寫一段 SVG，就能畫出水彩感的插圖，而且畫出來的東西會動。
後三層都是 SVG 濾鏡（feTurbulence 產生雜訊），不用任何圖片檔。
用 SVG 畫 18 種交通工具，手繪水彩風，一格一台，下面標中文和英文名稱。點一下車子會往前開。
照這張參考圖的風格，用 SVG 畫〔主題，例如：台灣的保育類動物〕。 水彩感用 SVG 濾鏡做，不要用圖片檔。先畫 3 個給我看，確認風格再畫完。
暈染太濃了，看起來像迷彩，淡一點。邊緣再加一些小墨點，像手繪沒擦乾淨的感覺。
跟做影片一樣：給一張參考圖，比形容「要有手繪感」有效得多。
| 做法 | 適合 | 限制 |
|---|---|---|
| SVG 濾鏡 | 圖鑑、教具、會動的插圖 | 造型偏簡單，像平塗加紋理 |
| p5.js + p5.brush | 真的筆刷感、水彩流動 | 是點陣圖，放大會糊 |
| 生圖 AI | 寫實、細節多的單張圖 | 每張長得不一樣，也不會動 |
要一整組風格一致、又能互動的圖，SVG 最穩：同一段程式碼畫 18 台，每台都是同一種筆觸。