影片是寫出來的：repo-video skill 十天 21 支片的演進
十天前我第一次讓 Claude Code 做影片，目標很單純：把一個程式 repo 做成一支一分多鐘的介紹片，拿去給同事看。 十天後回頭數，影片工作區裡有 21 支片（含同一支片的改版），加起來大約 50 分鐘。中間做出來的東西整理成一個叫 repo-video 的 skill，前後改了 6 次 commit，scripts/ 底下長到 20 支腳本。 這篇記錄它怎麼一路長成現在這樣。文章最後那支影片，是用 /repo-video 介紹它自己。 影片是寫出來的 先講底層。「讓 LLM 做影片」聽起來像是模型直接生成畫面，實際上主流做法都是同一條路： 寫動畫程式碼（HTML / React / p5.js） → headless Chrome 逐格截圖（一秒 30 張） → ffmpeg 把截圖接成 MP4 我比較過三個選項：手繪卡通風的 ClaudeAnimationBase、React 系的 Remotion，以及 HeyGen 開源的 HyperFrames（HTML + GSAP）。介紹片的內容多半是文字、程式碼、圖表，用 HTML 最順手，就選了 HyperFrames。本體和本機 render 都免費，只有旁白、配樂這類素材走 HeyGen 才會扣額度。 這個做法有個好處後來越來越明顯：影片既然是程式碼，就能 lint、能 check、能 diff。後面大部分的演進，都是在這個基礎上加檢查。 HyperFrames 的 plugin 有一個要注意的地方：它的入口 skill 自稱是影片、動畫「和簡報 deck」的強制入口。裝在 user scope 會搶走我原本做簡報的 skill，所以我把它關掉，只在影片工作區用 project scope 開啟。 ...