⚡️ 本次 Flash Lesson 重點

這不是一堂單純介紹 AI 影片工具的課，而是一場 60 分鐘的可編程 AI 影片工作流實戰。

很多人使用 AI 製作影片時，真正遇到的問題不是生成速度，而是畫面風格不一致、動畫節奏難以控制、修改一個細節卻影響整段內容，每次製作都像重新抽卡。

這堂課將帶你建立一套 Codex × HyperFrames 的 AI 影片工作流：先將影片的版面、色彩、字體與動態效果整理成 DESIGN.md，再透過 Codex 生成可閱讀、可修改的 HTML 動畫結構，最後使用 HyperFrames 補上節奏、轉場與輸出設定。

我們會完整示範這條流程：

影片想法 → DESIGN.md 設計規格 → Codex 生成 HTML 動畫 → HyperFrames 動態輸出 → 可重複使用的影片素材

☝️ 你會學到

1. 如何將影片想法整理成 DESIGN.md，定義版面、色彩、字體與動態效果
2. 如何用清楚的設計規格，降低 AI 每次生成結果不一致的問題
3. 如何透過 Codex 產出可閱讀、可修改的 HTML 與動畫結構
4. 如何使用 HyperFrames 將靜態設計轉換成包含節奏、轉場與動畫的影片素材
5. 如何快速修改文字、版面與動畫，而不需要重新生成整支影片
6. 如何建立一套可重複套用的 AI 影片工作流，應用在課程宣傳、產品展示、社群短片與品牌內容

這不只是一次 AI 影片生成示範，而是一套讓影片製作變得更穩定、更可控，也更容易重複使用的內容生產方法。

👥 適合對象

• 內容創作者
  想把文字、想法與內容快速轉換成動態影片，降低製作與溝通成本的人
• 視覺設計師
  希望了解如何將設計規格轉換成可編輯動畫，讓 AI 更準確地還原版面與視覺風格的人
• 前端工程師
  想運用 HTML、CSS 與 AI 建立動態視覺內容，並探索程式化影片製作流程的人
• 品牌與行銷人員
  需要快速製作活動宣傳、品牌內容與社群動態素材，希望提升內容產出效率的人
• 產品經理
  想快速製作產品功能展示、版本更新或服務介紹影片，但沒有完整影音製作團隊的人
• AI 工具使用者
  已經使用 AI 產圖、製作簡報或生成內容，想進一步建立可控影片工作流的人
• 不熟悉傳統剪輯軟體的人
  希望透過設計規格與 AI 生成動畫，降低操作複雜剪輯軟體門檻的人

⏱️ 課程內容

• Part 01｜AI 影片工作流與常見問題：了解 AI 影片為什麼容易出現畫面不一致、修改困難與輸出不穩定，建立可編程影片的基本概念。
• Part 02｜建立 DESIGN.md 設計：規格整理影片的版面、色彩、字體、元件與動態效果，讓 AI 能依照明確規則進行製作。
• Part 03｜用 Codex 生成動畫：結構將 DESIGN.md 轉換成可閱讀、可修改的 HTML 與動畫程式碼，建立影片的主要畫面結構。
• Part 04｜使用 HyperFrames ：製作動態效果加入畫面節奏、元件動畫與場景轉場，將靜態設計轉換成完整的動態影片素材。
• Part 05｜修改、預覽與影片輸出：調整文字、版面與動畫細節，完成預覽與輸出，讓影片修改不再需要全部重新製作。
• Part 06｜建立可重複使用的影片：模板整理 DESIGN.md 與動畫結構，建立可套用在產品展示、課程宣傳、社群內容與品牌素材的影片工作流。