再也不用自己動手做 PPT 了

作者:黑衣執事
日期:2026年5月3日 下午5:42
來源:WeChat 原文

整理版優先睇

速讀 5 個重點 高亮

用一句 prompt 生成雜誌級 HTML 幻燈片,告別傳統 PPT 軟件

整理版摘要

呢篇文章出自歸藏大佬,佢本身有多年設計經驗,發現現有嘅 PowerPointKeynote 呢類幻燈片軟件唔適合 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,效果已經好驚喜。
值得記低
連結 github.com

guizang-ppt-skill GitHub 項目

歸藏大佬整嘅 PPT Skill,一句 prompt 生成雜誌級 HTML 幻燈片

連結 ppt.kiringo.cn

畢設答辯 PPT 演示

作者用呢個 Skill 整嘅畢業設計答辯 PPT,展示實際效果

Prompt

一句 prompt 範例

呢句 prompt 直接用喺 AI Agent 度就可以生成一份完整 HTML 幻燈片: github.com/hackdeacon/KirinGo 根據呢個項目做一個畢設答辯 PPT

整理重點

傳統 PPT 嘅死穴同新思路

以前整 PPT 要用 PowerPointKeynote 或者 Canva,呢啲軟件上手門檻高,跨平台兼容性又低,搞到好多人費力不討好。AI 發展得咁快,但係冇一個產品可以將生成 PPT 做到完美可用。

問題在於傳統圖像幻燈片對 AI 唔友好,AI 擅長生成網頁同圖像,但圖像幻燈片會冇咗轉場動畫。

所以作者歸藏大佬轉咗個思路:既然 AI 擅長整網頁,咁我哋就用 HTML 嚟做 PPT。呢個諗法就似 Word 文檔同 Markdown 嘅關係,HTML 幻燈片係 AI 友好型嘅格式。

整理重點

guizang-ppt-skill 係咩嚟

呢個項目係一個 Skill,可以喺 Claude CodeCodex 呢類 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 動態背景
  • 橫向滑動交互
主題
適合場景
🖋 墨水經典
通用默認、商業發佈、百搭
🌊 靛藍瓷
科技 / 研究 / AI / 技術發佈會
🌿 森林墨
自然 / 可持續 / 文化 / 非虛構
🍂 牛皮紙
懷舊 / 人文 / 文學 / 獨立雜誌
🌙 沙丘
藝術 / 設計 / 創意 / 畫廊

使用體驗

呢個係我自己嘅畢業設計答辯 PPT,就係用呢個 Skill 整嘅。

Prompt 得一句:

github.com/hackdeacon/KirinGo 根據這個項目做一個畢設答辯 PPT

使用嘅係國產模型 MiMo-2.5-Pro 同火山方舟 Coding Plan 嘅混合模型 ark-code-latest,國產模型都有呢種效果,咁強勁嘅御三家模型我唔敢想像效果會點。

1234

其實呢個先係 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 動態背景
  • 橫向滑動交互
主題
適合場景
🖋 墨水經典
通用默認、商業發佈、萬金油
🌊 靛藍瓷
科技 / 研究 / AI / 技術發佈會
🌿 森林墨
自然 / 可持續 / 文化 / 非虛構
🍂 牛皮紙
懷舊 / 人文 / 文學 / 獨立雜誌
🌙 沙丘
藝術 / 設計 / 創意 / 畫廊

使用體驗

這是我自己的畢業設計答辯 PPT,用的就是這個 Skill 製作的。

Prompt 就一句話:

github.com/hackdeacon/KirinGo 根據這個項目做一個畢設答辯 PPT

使用的是國產模型 MiMo-2.5-Pro 和火山方舟 Coding Plan 的混合模型 ark-code-latest,國產模型都有這效果,那強勁的御三家模型我不敢想象效果如何。

1234

其實這才是 PPT 該有的樣子,極簡、剋制、突出重點、層次感、品味,而不是把演講稿全部堆砌在頁面上。

PPT 頁面體驗地址 ppt.kiringo.cn
(無移動端適配,請用電腦打開)

動畫演示視頻: