OpenAI Codex 動態 PPT 實測：不懂 Vibe Coding，也能製作動畫與互動簡報（附完整 Prompt）

請使用 HTML PPT Studio Skill，將附件中的普通企業 PowerPoint 升級成高質感、16:9 的 HTML 動態簡報。

Skill：https://github.com/lewislulu/html-ppt-skill

請先檢查 Skill 是否已安裝；如未安裝，請自行安裝並閱讀使用指引。

視覺設計：
採用 Premium Editorial Business Keynote 風格，以精緻漸層、立體圖形、細緻光影、大型文字及強烈視覺層次，徹底升級原本平凡的簡報。效果要專業、令人驚艷，避免純白背景、普通 KPI 卡片及制式 PowerPoint 模板。

內容及動畫：
- 保留原 PPT 的全部重要內容、數據及三頁結構，但可以自由重新設計 Layout。
- 第 1 頁：具有電影感的開場，標題及視覺元素以流暢動畫登場。
- 第 2 頁：大型 KPI 數字逐步揭曉，月度業績圖表動態生長，以流動曲線、光線或其他高質感效果強化數據故事。
- 第 3 頁：三項改善計劃化成精緻的動態 Roadmap，路線逐步延伸，節點依次出現。

核心效果：
每頁都要有獨特的 Signature Animation，頁面之間加入流暢、有視覺連貫性的轉場，不只是 Fade In。主要進場動畫約 3–4 秒，完成後仍保留適度、優雅的持續動態。

輸出要求：
- 生成單一、可離線播放的 HTML，支援鍵盤換頁、Replay 及 Fullscreen。
- 使用英文簡報內容，忠實保留附件數據，不得自行修改。
- 確保畫面大而清晰，適合正式企業演講。
- 完成前使用瀏覽器檢查排版、動畫及換頁效果。

請使用 HTML PPT Studio Skill，根據附件 Excel，製作一頁 16:9 的高質感 HTML 動態數據簡報。

Skill：https://github.com/lewislulu/html-ppt-skill

請先檢查 Skill 是否已安裝；如未安裝，請自行安裝並閱讀使用指引。

主題：我的手機時間去哪了？一星期 Screen Time 大揭秘

視覺設計：
採用 Premium Data Storytelling Keynote 風格，以大型動態數字、精緻配色、流暢圖形及強烈視覺層次，製作令人驚艷的數據簡報。避免普通 Excel Chart、Dashboard 或靜態排行榜。

核心動畫：
- 將 Excel 中六類 App 的七日使用時間，製作成自動播放的 Bar Chart Race。
- 由星期一至星期日，長條圖持續生長，App 排名隨累積使用時間平滑交換位置，數字即時更新。
- 特別突出星期六 TikTok 反超 YouTube 的逆轉瞬間，並在最後揭曉全星期冠軍。
- 結尾以大型動態數字展示一星期總使用時間，配合具有視覺衝擊力的 Final Reveal。
- 動畫須連貫、流暢，有明顯節奏及懸念，避免逐日硬切或簡單 Fade In。

互動與輸出：
- 提供 Play、Pause、Replay，完整動畫約 10–15 秒。
- 全部主要文字使用繁體中文，所有數字必須根據 Excel 正確累積計算。
- 輸出單一、可離線播放的 HTML，適合全螢幕 Presentation。
- 完成前使用瀏覽器檢查動畫、排名變化、計算及文字排版。

請使用 HTML PPT Studio Skill，製作一頁 16:9 的高質感互動 HTML 動態簡報。

Skill：https://github.com/lewislulu/html-ppt-skill

請先檢查 Skill 是否已安裝；如未安裝，請自行安裝並閱讀使用指引。

主題：香港過海交通 — 尖沙咀 → 中環

視覺設計：
採用 Premium Editorial Keynote 風格，以精緻、具立體深度的 2.5D 維港示意地圖作為主視覺，呈現兩岸城市、海面與建築。明亮藍灰色調、細緻光影、大型文字，專業而令人驚艷，避免普通地圖或 Dashboard 風格。

三個可點擊的交通場景：
- 天星小輪（預設）：綠白色渡輪橫越維港，海水流動、船尾留下航跡。
- 港鐵：場景轉成海底剖面，列車沿「尖沙咀 → 金鐘 → 中環」的發光鐵路行駛，車站依次亮起。
- 的士：道路動態展開，的士經紅磡海底隧道前往中環；過海路段必須清楚位於海底，而非跨海大橋。

核心動畫與互動：
點擊不同交通方式時，同一張地圖須流暢轉換成海面、海底或道路場景，交通工具、路線及文字同步變化，不能只是切換顏色。

交通工具必須真正沿路線移動，配合精緻、持續播放的動畫；每段行程約 7–9 秒並自然循環。三種模式可反覆切換，支援 Replay、Pause 及 Fullscreen。

輸出要求：
- 使用 HTML、CSS、SVG、JavaScript，輸出單一、可離線播放的 HTML。
- 全部主要文字使用繁體中文，地圖為示意圖，但地理及路線關係須合理。
- 保持大型簡報畫面，避免過多控制項、細字及無關裝飾。
- 完成前自行使用瀏覽器檢查畫面、動畫及互動，修正問題後直接交付成品。

請使用 HTML PPT Studio Skill，從零製作一頁 16:9 的超高質感 HTML 動態簡報結尾頁（Thank You Slide）。

Skill：https://github.com/lewislulu/html-ppt-skill

請先檢查 Skill 是否已安裝；如未安裝，請自行安裝並閱讀使用指引。

主題：THANK YOU

我要的不是普通大字標題頁，也不是實心 3D 文字 Reveal。
我要的是高級、電影感的 Particle Typography Outro。

視覺方向：
深藍色 cinematic 背景，帶空間感、微弱光霧、少量星點與精緻流動光線。
畫面焦點是一組由粒子、微光點、細緻流線所構成的巨型 THANK YOU 字樣。

核心效果：
- 開場已有少量漂浮粒子與流動光線。
- 無數細小光點與流線由畫面四周匯聚，逐步形成 THANK YOU。
- 字形應該由高密度粒子、微光點與能量流線共同定義，不可變成厚重、完全實心、普通 3D 字。
- 可以有少量半透明發光核心去幫助字形清晰，但整體仍然必須以 particle-based look 為主。
- 文字成形後，粒子不能停止，仍要持續有細微漂浮、閃爍、流動與輕微進出。
- THANK YOU 整體需要有輕微 floating / breathing effect，保持 alive，而不是完全靜止。
- 加入淡淡的光影掃過與極輕微鏡頭推進，營造高級 Final Reveal。
- Final hold 必須是高級、動態、仍然由粒子維持的畫面，不可收尾成普通實色字。

動畫要求：
- 主動畫約 6–8 秒。
- 最後保留 2–3 秒的 alive final hold。
- 開場 1–2 秒內已經有吸引人的粒子流動。
- 全程節奏流暢、有層次，不要突然由粒子跳成實字。

輸出要求：
- 使用 HTML、CSS、SVG、JavaScript。
- 輸出單一、可離線播放的 HTML。
- 自動播放，支援 Replay 及 Fullscreen。
- 完成前請用瀏覽器檢查完整動畫與最終效果，確保文字清晰、粒子持續動態、畫面不會變成普通 solid title。