ai-engineeringcreative-ai
Original source

Claude Fable 5 + Higgsfield MCP 工作流拆解

Summary

Koong Lin 拆解了「Claude Fable 5 + Higgsfield MCP」的創作流程，核心洞察是如何讓不同 AI 工具之間串接。

核心問題

Fable 5 生成的是 Three.js 互動式網頁場景，但影片 AI (Higgsfield/Kling/Seedance) 不能直接吃程式碼。怎麼銜接？

解決方案：視覺中介格式

正確流程不是直接把 Three.js code 丟給影片 AI，而是：

  1. Fable 5 — 讀資料、理解知識、設計世界觀、劇情、遊戲邏輯（導演兼技術美術）
  2. Three.js — 把空間、鏡頭、角色站位搭出來（空間預演）
  3. 截圖/關鍵幀/12宮格分鏡 — 輸出成影片模型能理解的視覺素材（橋接層）
  4. Higgsfield / Kling / Seedance — 吃 prompt + 參考圖 + 首尾幀做影像生成（攝影組與後期組）

每一鏡的最佳實踐

不要只丟一張 12 宮格，要拆成一鏡一鏡：

  • Start frame（Three.js 截圖）
  • End frame（重要鏡頭）
  • 明確的鏡頭 prompt、角色一致性描述、場景限制、運鏡方式、時長

最大洞察

未來重要的能力不是會用某個 AI 工具，而是懂得把不同 AI 之間的格式接起來。AI 與 AI 之間需要一種「翻譯層」。

知識 → 互動世界 → 分鏡與影像 → 遊戲/短片/預告片/教學內容

回覆中提到的參考

  • yoh.app — AI 故事影片平台，底層就是 Prompt → Storyboard → Video 的完整 workflow

互動數據：27 likes, 5 comments, 4 reposts