現場即時拍板
用 Claude Code 寫出動畫原型，對著畫面即時調整時間、光影與字級，不等書面往返核可。
動畫示範
同時做三種模式，只為了一次講清楚
置底、蓋版、全螢幕先分開開發以便調整，再收斂可共用的邏輯。每段影片都是從偵測中的提示，到廣告呈現的完整動畫。
專案摘要
廣告偵測到特定情境時，要用一段動畫提示使用者，再帶出廣告。需求只有一句話，卻牽涉決策者、素材製作方、前端工程師與業務四種角色，每個人需要的資訊完全不同。我不先寫完詳細設計稿再照稿實作，而是用 AI 寫動畫原型、對著畫面即時調整，再把同一個決策轉譯成四種角色各自看得懂的說法。
約 5 週從需求到交付
3種版位同步開發
4種角色的交付格式
01 — 流程
從需求到交付，三個階段各自的任務
不寫完詳細設計稿再照稿實作，而是用 AI 寫原型、邊做邊看、快速收斂。
Stage 1 需求
從一句話拆成可比較的方向
- 拆解出三種需要涵蓋的廣告情境：置底、蓋版、全螢幕。
- 決策三種版位同步開發，及早看出共用元件的機會。
Stage 2 執行
邊做邊看，快速收斂
- 用 AI 寫動畫原型，對著畫面即時調整、當場拍板，每日留下異動紀錄。
- 決策收斂三種版位的動畫邏輯與共用元件。
Stage 3 交付
轉譯成每個角色看得懂的規格
- 以 AI 預產四種角色的格式初稿，含動畫時間軸、可調參數與素材清單。
- 標註「僅為示意、需前端補實作」的部分。
多版位的工作，最大的風險不在做不出來，而是三份各自為政、後續各自維護。先確立可共用的邏輯，才能真正省下維護成本。
02 — 角色與決策
AI 協助推算與產出，我負責判斷與拍板
對外唯一窗口是 PM，所有輸出物都透過 PM 分發，不直接與業務端及執行端溝通。
每個調整都有判斷邏輯
由 AI 協助計算時間疊加與觸發時序（例如 pillDelay），讓調整時序有可回溯的計算依據；使用者是否看見提示，仍需另外驗證。
決策脈絡全程可回溯
每個工作日留下異動紀錄，事後不會想不起來為什麼改成這樣。
標清楚哪些只是示意
AI 原型看起來完整，交付時仍標註「僅為示意、需前端補實作」的部分，避免前端誤以為可以直接上線。
03 — 四種語言
同一個決策，轉譯成四種角色的說法
以「全螢幕的提示時間要拉長」這個決策為例：AI 協助推算時間，我負責判斷，再由 AI 依四種角色產出各自需要的說法初稿。
設計決策
全螢幕版位的偵測提示停留時間，由 1800ms 拉長到 4500ms
給決策者
使用者體驗與效果保證全螢幕一開始會被文章擋住，讓提示停留久一點，確保使用者真的有看到，不讓曝光效果打折扣。
AI 初稿給素材製作方
規格與發揮空間這個版位曝光時間比其他版位長，如果視覺上想做稍微搶眼的進場效果，這裡有更充足的停留時間可以發揮。
AI 初稿給前端工程師
參數、觸發時序、疊加邏輯pillDelay 置底／蓋版預設 1800ms，全螢幕改 4500ms：文章上滑動畫需 2000–2500ms，兩段時間由 AI 協助疊加計算。
給業務端（透過 PM）
銷售賣點全螢幕廣告曝光時間更長，適合強調品牌訊息的完整傳達。如果客戶在意訊息被完整看到，這是更好的選擇。
AI 初稿04 — 覆盤
AI 協作後的三項優化
不改變用 AI 邊做邊看的核心方法，而是補上目前靠記憶力把關的環節。
文件不該是收斂後的產出，而該是過程的副產品
- 問題
- AI 讓原型迭代很快，但交付文件等定案後才動筆，得回頭翻異動紀錄還原細節，容易與程式碼對不齊。
- 下次做法
- 定案當下就請 AI 依當前程式碼產出文件雛形，之後每調一次參數同步補一行。
完成度落差不該由前端事後發現
- 問題
- AI 產出的原型看起來完整，但「僅示意、行為待補」的項目到交付後盤點才被發現。
- 下次做法
- 出貨前逐項標記 AI 產出是「可直接用」或「僅示意」，跟規格文件一起交付。
重複發生的錯誤，代表缺少中期攔截機制
- 問題
- 圖片路徑造成部署錯誤，同樣的坑在 AI 協作中踩了兩次，直到交付前盤點才被發現。
- 下次做法
- 把踩過的坑寫進 AI 的專案規則，並在執行期間安排固定的中期檢查。
05 — 總結
約 5 週，三種版位同步交付；同一個決策，轉譯成四種角色各自看得懂的語言。
我做的三件事
三種版位同步開發
先分開調整、再收斂共用邏輯，避免三份各自為政、後續各自維護。
用 AI 原型當場拍板
對著畫面即時調整，時間參數由 AI 協助推算，每天留下異動紀錄。
一個決策，四種說法
以 AI 預產決策者、素材製作方、前端、業務的交付初稿，再由我判斷定稿。
- 方法
- AI 協作轉譯
- 可延伸的產品情境
- 以 AI 預產初稿，把同一流程轉成工程、行銷、客服的說明
- 對應能力
- AI 輔助工作流
概念與可行性評估完成
情境驅動的廣告推薦概念
「晴天九折，雨天無折」：從市場觀察出發，走完業務認可與技術可行性評估。