這五個影片展示兩種程式碼動畫工作流程：whaleyxbt 的獨立 claude-motion 工具包，以及 HeyGen 的 HyperFrames。每個案例都註明發布者；這是一組研究案例，不是本站客戶作品，也不是 Anthropic Motion 作品集。下文依據作者公開介紹與原始專案分析，觀看連結指向原始影片。
1. 爬蟲群 — whaleyxbt
作者的 X 貼文包含一段 20 秒影片，工具包的模擬動畫 README 解釋了構造方式：一個爬蟲增加為 256 個，在虛構網站間移動，接觸到的文字會產生回應。這是平行工作的視覺比喻，不是真實擷取行動的證據。可研究如何把數量變成空間敘事。製作自己的解說時，可以用虛構任務佇列，依序展示單一任務、多個工作單元，再呈現整個系統。關於規模擴展的主張，應與實際資料一致。
2. 從一個使用者名稱到檔案 — whaleyxbt
第二段 20 秒 X 影片使用同樣的爬蟲群，但採用不同敘事。儲存庫明確說明人物與頁面均為虛構；紅線把各項資訊送入檔案。討論影片時必須保留這個區別。它可借鑑的是資訊流：收集到的片段匯聚為有組織的結果。若用於隱私意識教育，應繼續使用虛構身分，著重說明分散揭露的資訊如何組合。不要把這段動畫描述成經過驗證的調查，或關於真實人物的證據。
3. HyperFrames 發布片 — HeyGen
HeyGen 官方展示庫發布這段宣傳片並提供原始碼。專案把開場、CSS 等視覺技術示範、引擎說明與結尾行動呼籲拆成多個場景。字幕將 Claude Code 標為影片的製作工具。這是程式代理工作流程的案例，實際使用 HyperFrames 算圖。可研究承諾、示範與下一步行動如何分開表達。發布片中，讓每個場景證明一種能力，比把所有功能塞進擁擠的單格畫面更有效。
4. 時間軸編輯器 — HeyGen
展示庫的 Timeline editor 影片提供公開原始專案。開場提出時間安排困難，後續原始碼場景把時間軸當成解決方式，並說明節省時間的價值。這是值得參考的產品教育結構：先明確障礙，再展示排除障礙的控制方式。規劃類似影片時，展示一次修改前後的準確狀態。能以可見操作更清楚傳達價值時，不要只依賴「簡單易用」這樣的口號。
5. PR 轉影片 — HeyGen
這段影片把一次拉取請求的故事變成簡短解說。公開專案包含 PR、閱讀變更的難度、摘要、程式碼、流程、討論、貢獻者與最後行動等場景。它說明工程變更也能以敘事結構組織。可借鑑順序，而不要照搬該專案的主張：先說明變化，再展示一個有意義的例子，最後註明貢獻者。每項技術描述都應與真實差異比對，避免有說服力的動畫變成不準確的版本說明。
觀看原作者影片
Crawler swarm作者 whaleyxbt · claude-motion toolkit · 前往來源觀看One username to a dossier作者 whaleyxbt · claude-motion toolkit · 前往來源觀看HyperFrames launch作者 HeyGen · HyperFrames · 前往來源觀看Timeline editor作者 HeyGen · HyperFrames · 前往來源觀看PR to video作者 HeyGen · HyperFrames · 前往來源觀看下一步行動
觀看原片、查看連結的原始專案，再借鑑一種敘事方法。清楚署名與證據，讓案例比沒有歸屬說明的混剪更有價值。
探索創作工作區資料來源與延伸閱讀
引用連結指向原始文件和創作者。產品可用性可能變更，訂閱或安裝前請確認來源。
- Crawler swarm — original videowhaleyxbt
- One username to a dossier — original videowhaleyxbt
- Web sims — construction and fictional-data noteswhaleyxbt
- HyperFrames examples and original video playersHeyGen
- HyperFrames launch — source projectHeyGen
- Timeline editor — source projectHeyGen
- PR to video — source projectHeyGen