技能概述
Guizang PPT（雜誌 Web PPT）係一份單文件 HTML 嘅橫向翻頁簡報，視覺基調係「電子雜誌 + 電子墨水」混血風格。WebGL 流體 / 等高線 / 色散背景，襯線標題（Noto Serif SC + Playfair Display）+ 非襯線正文（Noto Sans SC + Inter）+ 等寬元數據（IBM Plex Mono）。
佢嘅美學唔係「商務 PPT」，亦唔係「消費互聯網 UI」——佢似 Monocle 雜誌貼上咗代碼之後嘅樣子。
觸發關鍵字
- ppt、deck、slides、presentation、magazine、雜誌
- 雜誌風 PPT、horizontal swipe、horizontal swipe deck
- editorial magazine、e-ink presentation、網頁 PPT、發佈會、分享 PPT
什麼時候用
- 線下分享 / 行業內部講話 / 私享會
- AI 新產品發布 / demo day
- 帶有強烈個人風格嘅演講
- 需要「一次做完，唔使翻頁工具」嘅網頁版 slides
- 唔適合：大段表格數據、培訓課件、多人協作
使用方法
自然語言觸發
帮我做一份杂志风的 PPT —— 关于「一人公司 · 被 AI 折叠的组织」
做一个杂志风格 PPT，25 分钟分享会
用 归藏 风格做一个分享 PPT
標準工作流程
Step 0 · 選方向（必做第一步） 5 個雜誌方向：
- Monocle Editorial — 國際雜誌風（默認）
- WIRED Tech — 數據 + 工程
- Kinfolk Slow — 慢生活 / 人文
- Domus Architectural — 建築 / 空間感
- Lab / Reference — 學術 + 工藝手冊
Step 1 · 需求澄清（動手前必做） 6 問清單：受眾 / 場景、分享時長、原始素材、圖片安排、硬約束
Step 2 · 拷貝模板 + 選主題色 5 套主題色（墨水經典 / 靛藍瓷 / 森林墨 / 牛皮紙 / 沙丘），不允許自定義 hex
Step 3 · 填充內容 從 10 種佈局中挑對應 layout，粘貼後改文案同圖片路徑
Step 4 · 對照檢查清單自檢 P0 級別：emoji 禁用、圖片比例規範、大標題襯線字體
輸出格式
單文件 HTML，橫向翻頁（鍵盤 ← →、滾輪、觸屏滑動、底部圓點、ESC 索引），包含 WebGL 流體背景（hero 頁可見）。
10 種頁面佈局：開場封面、章節幕封、數據大字報、左文右圖、圖片網格、兩列流水線、懸念收束、大引用頁、並列對比、圖文混排。
設計風格
5 套主題色（只能選，唔可以自定義）：
| 主題 | 適合 | |------|------| | 🖋 墨水經典 | 通用 / 商業發布 / 默認 | | 🌊 靛藍瓷 | 科技 / 研究 / 數據 / 技術發布 | | 🌿 森林墨 | 自然 / 可持續 / 文化 / 非虛構 | | 🍂 牛皮紙 | 懷舊 / 人文 / 文學 / 獨立雜誌 | | 🌙 沙丘 | 藝術 / 設計 / 創意 / 畫廊 |
字體：Noto Serif SC / Playfair Display（標題）+ Noto Sans SC / Inter（正文）+ IBM Plex Mono（元數據）
實際例子
例子 1：AI 主題分享
用戶：「幫我做一份雜誌風 PPT，關於『一人公司：被 AI 折疊的組織』，25 分鐘分享會，受眾係設計師 + 創業者。」
- 方向：Monocle Editorial（國際雜誌風）
- 主題色：墨水經典
- 27 頁，敘事弧：鉤子 → 定調 → 主體 → 轉折 → 收束
- WebGL 流體背景 + 襯線大標題
例子 2：技術發布
用戶：「做一個雜誌風 PPT 用於 AI benchmark 結果發布，WIRED 風格。」
- 方向：WIRED Tech
- 主題色：靛藍瓷
- 數據大字報 layout + 流水線 layout
- 等寬字體用於元數據展示