再也不用自己動手做 PPT 了
整理版優先睇
用一句 prompt 生成雜誌級 HTML 幻燈片,告別傳統 PPT 軟件
呢篇文章出自歸藏大佬,佢本身有多年設計經驗,發現現有嘅 PowerPoint、Keynote 呢類幻燈片軟件唔適合 AI 生成,因為佢哋上手門檻高、跨平台兼容性差,而且 AI 直接生成圖像幻燈片會冇咗轉場動畫。於是佢轉咗個思路:既然 AI 擅長生成網頁,不如用 HTML 嚟做 PPT。佢整咗一個叫 guizang-ppt-skill 嘅 GitHub 項目,可以喺 AI Agent 入面用一句 prompt 直接生成一份「雜誌級」嘅幻燈片網頁。
呢個 Skill 嘅核心係將項目描述轉成單文件 HTML,唔使安裝任何軟件,瀏覽器直接打開就可以演示,仲有橫向滑動翻頁、動畫同互動效果。佢內置咗 10 種頁面佈局,包括封面、章節分割、數據展示、流程圖、引用等等,仲有 5 套主題色同 WebGL 動態背景。作者仲將設計經驗寫入系統規則,例如字體分層、留白優先、節奏控制,令到輸出嘅頁面極簡、剋制又有層次感。成個體驗就好似用雜誌排版咁,完全唔似傳統 PPT 堆砌文字。
- 結論:用 HTML 取代 PPTX,係 AI 生成幻燈片嘅最佳路徑,跨平台、冇依賴、效果好。
- 方法:只需要一句 prompt 描述項目,AI Agent 就會自動生成完整嘅 HTML 幻燈片,唔使逐頁編輯。
- 差異:單文件 HTML,唔使裝軟件、唔怕字體缺失、可以分享 link 直接開,兼容任何瀏覽器。
- 啟發:設計經驗可以寫成規則俾 AI 跟,例如字體分層、留白優先、節奏控制,生成嘅頁面自然有品味。
- 可行動點:你可以即刻試用國產模型(如 MiMo-2.5-Pro)搭配呢個 Skill 整 PPT,效果已經好驚喜。
guizang-ppt-skill GitHub 項目
歸藏大佬整嘅 PPT Skill,一句 prompt 生成雜誌級 HTML 幻燈片
畢設答辯 PPT 演示
作者用呢個 Skill 整嘅畢業設計答辯 PPT,展示實際效果
一句 prompt 範例
呢句 prompt 直接用喺 AI Agent 度就可以生成一份完整 HTML 幻燈片: github.com/hackdeacon/KirinGo 根據呢個項目做一個畢設答辯 PPT
傳統 PPT 嘅死穴同新思路
以前整 PPT 要用 PowerPoint、Keynote 或者 Canva,呢啲軟件上手門檻高,跨平台兼容性又低,搞到好多人費力不討好。AI 發展得咁快,但係冇一個產品可以將生成 PPT 做到完美可用。
問題在於傳統圖像幻燈片對 AI 唔友好,AI 擅長生成網頁同圖像,但圖像幻燈片會冇咗轉場動畫。
所以作者歸藏大佬轉咗個思路:既然 AI 擅長整網頁,咁我哋就用 HTML 嚟做 PPT。呢個諗法就似 Word 文檔同 Markdown 嘅關係,HTML 幻燈片係 AI 友好型嘅格式。
guizang-ppt-skill 係咩嚟
呢個項目係一個 Skill,可以喺 Claude Code、Codex 呢類 AI Agent 入面運行。佢嘅核心能力好簡單:用一句 prompt 將項目描述轉成一份可直接演示嘅 HTML PPT。
輸出係單文件 HTML,唔使安裝任何軟件,瀏覽器直接打開就睇得,仲有橫向滑動翻頁、動畫同互動效果。
作者歸藏本身有多年設計經驗,佢將呢啲經驗寫咗入系統規則,例如字體分層(襯線、非襯線、等寬)、頁面節奏(Hero 頁 vs 內容頁)、留白同網格優先,而唔係花哨裝飾。
WebGL 動態背景只喺關鍵頁出現,唔會喧賓奪主。
呢個 Skill 內置咗 10 種頁面佈局,基本覆蓋一場演講嘅全部結構:封面頁、章節分割頁、數據展示頁、左文右圖、圖片網格、流程圖(Pipeline)、引用頁、Before/After 對比等。
主題風格同設計細節
除咗佈局,仲有 5 套主題色可以揀,每一套都有特定嘅適用場景。
- 🖋 墨水:經典通用默認,商業發佈、萬金油
- 🌊 靛藍瓷:科技 / 研究 / AI / 技術發佈會
- 🌿 森林墨:自然 / 可持續 / 文化 / 非虛構
- 🍂 牛皮紙:懷舊 / 人文 / 文學 / 獨立雜誌
- 🌙 沙丘:藝術 / 設計 / 創意 / 畫廊
呢啲主題唔止改顏色,仲會調整字體、留白同裝飾元素,令成個幻燈片有統一嘅雜誌感。
作者嘅設計原則係極簡、剋制、突出重點、層次感同品味,而唔係將演講稿全部堆砌喺頁面上。
實際使用效果同示範
作者用自己嘅畢業設計答辯 PPT 做示範,只用咗一句 prompt:「github.com/hackdeacon/KirinGo 根據呢個項目做一個畢設答辯 PPT」。佢用嘅係國產模型 MiMo-2.5-Pro 同火山方舟 Coding Plan 嘅混合模型,效果已經好令人驚喜。
最終生成嘅 PPT 頁面體驗地址係 ppt.kiringo.cn(注意無移動端適配,要用電腦打開)。作者仲整咗動畫演示視頻,可以睇到實際嘅滑動同互動效果。
呢個先係 PPT 應該有嘅樣:極簡、剋制、突出重點、層次分明,而唔係將啲字全部堆上去。
用 Coding Agent 整 HTML 嘅幻燈片
做 PPT 係一件效率低又重複嘅工作,PowerPoint、Keynote 或者 Canva 呢類軟件唔夠純粹,上手門檻高,跨平台兼容性仲好低,吃力唔討好。
AI 發展咁快嘅今日,依然冇一個產品可以將生成 PPT 呢件事做到完美可用。
既然 AI Agent 做 PPT 唔係咁友好,但我哋可以轉個諗法,轉成 AI 友好型,AI 擅長生成網頁同圖像,但係圖像幻燈片就代表冇咗轉場動畫,所以我哋揀網頁。
PPT 同 HTML 嘅關係,同Word文檔同Markdown嘅關係差唔多。
最近 GitHub 上有個項目,直接將呢套模式實現咗,歸藏大佬整嘅 PPT Skill。
項目地址 github.com/op7418/guizang-ppt-skill
佢嘅思路好簡單,亦都好大膽:
用一句 Prompt,直接生成一份「雜誌級」嘅幻燈片網頁。
項目介紹
guizang-ppt-skill 係一個運行喺 AI Agent(例如 Claude Code / Codex 等工具)入面嘅 Skill。
核心能力一句話可以概括:
將項目描述 → 轉成一份可以直接演示嘅 HTML PPT。
佢唔係傳統 PPT,而係生成一個 Web Presentation。
單文件 HTML(唔使安裝軟件) 橫向滑動翻頁(有動畫同交互) 瀏覽器直接打開就可以演示(跨平台兼容性高)
作者歸藏大佬本身有多年設計經驗,仲將呢啲經驗寫咗入系統規則入面。
字體分層(襯線 / 非襯線 / 等寬) 頁面節奏(Hero 頁 vs 內容頁) 留白同網格優先,而唔係花巧裝飾 WebGL 背景只喺關鍵頁出現
佢唔係 PPTX,而係 HTML,咁樣帶嚟幾個關鍵優勢:
✅ 唔使倚賴本地字體 ✅ 唔使倚賴軟件版本 ✅ 可以分享,可以部署 ✅ 體積細又友好
效果如何
呢個 Skill 內置咗 10 種頁面佈局,基本上覆蓋曬一場演講嘅全部結構:
封面頁 章節分割頁 數據展示頁 左文右圖 圖片網格 流程圖(Pipeline) 引用頁 Before / After 對比
再加上:
5 套主題色 WebGL 動態背景 橫向滑動交互
使用體驗
呢個係我自己嘅畢業設計答辯 PPT,就係用呢個 Skill 整嘅。
Prompt 得一句:
●●●github.com/hackdeacon/KirinGo 根據這個項目做一個畢設答辯 PPT
使用嘅係國產模型 MiMo-2.5-Pro 同火山方舟 Coding Plan 嘅混合模型 ark-code-latest,國產模型都有呢種效果,咁強勁嘅御三家模型我唔敢想像效果會點。




其實呢個先係 PPT 應該有嘅樣,極簡、剋制、突出重點、層次感、品味,而唔係將演講稿全部疊喺頁面上。
PPT 頁面體驗地址 ppt.kiringo.cn
(冇手機版,請用電腦打開)
動畫演示視頻:
使用 Coding Agent 製作基於 HTML 的幻燈片
做 PPT 是一件低效且重複的工作,PowerPoint、Keynote 或 Canva,這類軟件不夠純粹,上手門檻高,跨平台兼容性還低,費力不討好。
AI 發展這麼快的今天,依然沒有一個產品能夠把生成 PPT 這件事做到完美可用的。
既然 AI Agent 製作 PPT 不友好,但我們可以換個思路,換成 AI 友好型,AI 擅長生成網頁、圖像,但圖像幻燈片就意味着失去了轉場動畫,所以我們選擇網頁。
PPT 與 HTML,這件事不亞於 Word 文檔與 Markdown 的關係。
最近 GitHub 上有一個項目,直接把這套範式實現了,歸藏大佬製作的 PPT Skill。
項目地址 github.com/op7418/guizang-ppt-skill
它的思路很簡單,也很激進:
用一句 Prompt,直接生成一份「雜誌級」的幻燈片網頁。
項目介紹
guizang-ppt-skill 是一個運行在 AI Agent(如 Claude Code / Codex 等工具)中的 Skill。
核心能力一句話可以概括:
把項目描述 → 轉成一份可直接演示的 HTML PPT。
它不是傳統 PPT,而是生成一個 Web Presentation。
單文件 HTML(無需安裝軟件) 橫向滑動翻頁(帶動畫與交互) 瀏覽器直接打開即可演示(跨平台兼容性高)
作者歸藏大佬本身有多年設計經驗,並把這些經驗寫進了系統規則中。
字體分層(襯線 / 非襯線 / 等寬) 頁面節奏(Hero 頁 vs 內容頁) 留白與網格優先,而不是花哨裝飾 WebGL 背景只在關鍵頁出現
它不是 PPTX,而是 HTML,這帶來幾個關鍵優勢:
✅ 不依賴本地字體 ✅ 不依賴軟件版本 ✅ 可分享,可部署 ✅ 體積友好
效果如何
這個 Skill 內置了 10 種頁面佈局,基本覆蓋一場演講的全部結構:
封面頁 章節分割頁 數據展示頁 左文右圖 圖片網格 流程圖(Pipeline) 引用頁 Before / After 對比
再加上:
5 套主題色 WebGL 動態背景 橫向滑動交互
使用體驗
這是我自己的畢業設計答辯 PPT,用的就是這個 Skill 製作的。
Prompt 就一句話:
●●●github.com/hackdeacon/KirinGo 根據這個項目做一個畢設答辯 PPT
使用的是國產模型 MiMo-2.5-Pro 和火山方舟 Coding Plan 的混合模型 ark-code-latest,國產模型都有這效果,那強勁的御三家模型我不敢想象效果如何。




其實這才是 PPT 該有的樣子,極簡、剋制、突出重點、層次感、品味,而不是把演講稿全部堆砌在頁面上。
PPT 頁面體驗地址 ppt.kiringo.cn
(無移動端適配,請用電腦打開)
動畫演示視頻: