開源網頁簡報生態盤點

2026 年 9 月 1 日從 GitHub 撈出來的清單。星數與最後更新日期都是當天的值。

回到:簡報背景怎麼做

目錄
  1. 怎麼撈的
  2. 甲 AI Agent Skill
  3. 乙 傳統網頁簡報框架
  4. 丙 端到端產品
  5. 丁 底層函式庫
  6. 選之前先看三件事
  7. 我們為什麼自製

01怎麼撈的

一句話十四組關鍵字撈 289 個 repo,人工篩成 36 個,分四類。

用 GitHub search API 跑十四組關鍵字(中英各半,含「幻灯片」「演示文稿」),去重後 289 個。人工篩掉同名雜訊 —— Steam Deck、Anki 牌組、deck.gl、ViewDeck 這類 —— 再逐一取回精確的星數、授權與最後更新日期。

原始資料留在 yaze-journal/projects/slide-background-research/。這 36 個裡面,只有 dashi-ppt-skill 與我們自製的那套真的翻過原始碼,其餘 34 個的描述來自 README 與 GitHub 的中繼資料。

02甲 AI Agent Skill

一句話2026 年 4 月之後才出現的一類,長得最快,也汰換得最快。

把做簡報的手法包成技能給 coding agent 用。幾乎全部是 2026 年 4 月之後開的 repo。

Repo星授權最後更新特色
zarazhangrui/frontend-slides28.5kMIT2026-06-23讓 coding agent 用前端技能直接做網頁投影片,這類的起點
op7418/guizang-ppt-skill25.4kAGPL-3.02026-08-07雜誌編輯風版式,這一類裡星數最高的 PPT skill
alchaincyf/huashu-design23.8kMIT2026-08-25HTML 原生設計 skill,不限投影片
nicobailon/visual-explainer9.6kMIT2026-08-28專做圖解與說明頁,適合技術簡報
lewislulu/html-ppt-skill8.2kMIT2026-04-2624 套主題、31 種版式、20 多種動畫;四個月沒動了
chuspeeism/dashi-ppt-skill7.1kAGPL-3.02026-07-3012 套主題、1020 版式,瀏覽器裡點著改,能匯出可編輯 PPTX
ningzimu/codex-ppt-skill5.4kMIT2026-07-30走圖片式路線,用生圖模型畫每一頁
zarazhangrui/beautiful-html-templates4.4kMIT2026-06-09純版式庫,讓 agent 自己挑,不綁流程
JimLiu/baoyu-design3.7kMIT2026-07-30把 Claude Design 那套搬成本機 skill
op7418/NanoBanana-PPT-Skills3.2k未標2026-01-19圖片式加轉場與影片,跟背景動畫那條路同源
GordenSun/GordenPPTSkill3.0k自訂2026-06-2217 套中文 PPTX 範本,直接出 Office 檔
ningzimu/image-to-editable-ppt-skill2.3kMIT2026-07-28把圖片式簡報與 PDF 逆向成可編輯 PPTX
crazyykhllc-bit/CyberPPT1.7kMIT2026-07-20顧問風高密度版面,支援 SCR 敘事結構
Binaryify/open-kimi-ppt-skill1.6k未標2026-08-07非官方 Kimi Slides,附本機瀏覽器編輯器
sunbigfly/ppt-agent-skills889自訂2026-06-08把做簡報當軟體工程來管的框架
Gabberflast/academic-pptx-skill829MIT2026-07-14研討會與口試場合專用
ItsssssJack/power-design644自訂2026-08-10主打「不要一看就知道是 AI 做的」,20 套編碼風格
archlizheng/frontend-slides-editable478MIT2026-07-01可拖拉縮放的編輯模式
ryanbbrown/revealjs-skill403MIT2026-05-02不自己造輪子,直接讓 agent 產 reveal.js
robonuggets/marp-slides299未標2026-04-08同上,但走 Marp

03乙 傳統網頁簡報框架

一句話活了十幾年,是上面那些 skill 的地基。挑的時候看兩件事:還有沒有在維護,以及寫的是 HTML 還是 Markdown。
Repo星授權最後更新怎麼寫
hakimel/reveal.js72.2kMIT2026-08-24HTML;這個領域的標準答案,2011 年至今還在動
slidevjs/slidev48.4kMIT2026-08-25Markdown 加 Vue,開發者取向
impress/impress.js38.2kMIT2026-07-23HTML;CSS3 位移縮放的無限畫布
marp-team/marp12.4kMIT2026-07-29Markdown;有 CLI 與 VS Code 外掛
webpro/reveal-md3.9kMIT2026-02-14Markdown 直接吐 reveal.js
astefanutti/decktape2.4kMIT2026-07-13把網頁簡報轉成 PDF 的工具,本身不是框架
inspire-js/inspire.js1.8kMIT2026-06-10極輕量,可拆可改

這幾個已經停更,放著給考古用:mdx-deck(11.5k,2023-01 停)、WebSlides(6.3k,2022-12 停)、deck.js(5.4k,2019-01 停)、bespoke(4.8k,2020-09 停)。

04丙 端到端產品

一句話整套服務,不以 skill 形式安裝。
Repo星授權最後更新做什麼
nexu-io/open-design93.1kApache-2.02026-08-31Claude Design 的開源版本,這批裡星數最高
hugohe3/ppt-master50.7kMIT2026-08-31文件或題目直接變原生 PowerPoint
Anionex/banana-slides15.5kAGPL-3.02026-08-31可以餵任意範本圖片,自己解析風格
nexu-io/html-anything8.6kApache-2.02026-08-23本機 agent 寫 HTML、人在旁邊改
sligter/LandPPT3.6k自訂2026-08-02可接多家模型的簡報生成平台
arcsin1/oh-my-ppt1.9kApache-2.02026-08-27簡報、課程、故事都能生

05丁 底層函式庫

一句話要自己寫程式產 Office 檔的時候用。
Repo星授權最後更新做什麼
gitbrent/PptxGenJS6.1kMIT2025-11-28用 JavaScript 產 PPTX,瀏覽器與 Node 都能跑
docxtemplater3.6k自訂2026-08-04用範本填資料產 docx、pptx、xlsx
Ziv-Barber/officegen2.7kMIT2024-04-30老牌 Office Open XML 產生器

06選之前先看三件事

  1. 你要交出去的是什麼檔。要 PPTX 讓對方自己改,就往丙類或丁類找,或用有 PPTX 匯出的 skill。要上台講、要能內嵌真站,網頁簡報才成立。
  2. 授權。這批裡有幾個是 AGPL-3.0(guizang、dashi、banana-slides)。自己做自己用沒事,但產物如果內嵌了它的 runtime 又放上公開網站或拿去商用,條款要自己看一眼。標「自訂」跟「未標」的更要小心,沒有 LICENSE 檔等於保留所有權利。
  3. 還有沒有在動。甲類幾乎都是 2026 年 4 月後開的,其中好幾個已經三四個月沒更新。挑之前先看最後更新日期。

07我們為什麼自製

一句話這一批 skill 都在解排版,我們卡的是講者現場。

這台機器上裝著兩套,用途不重疊:自己寫的 slide-deck-skill,跟裝來對照的 dashi-ppt-skill。

順序要先講清楚:正確的做法是先跟 AI 討論出需求,再從需求開出功能規格,最後才做。下面這張表是倒著給你看的,因為功能早就做完了,它的用途是當證據,讓你檢查每一條功能背後都真的有一次需求。照著這張表從右往左推,方向是錯的。

當初的需求(直播現場真的發生的事)後來才做出來的功能
要 demo 真站台,截圖是死的單頁內嵌 iframe,按了才載,不是一翻到就連線
直播網路會出事,demo 掛掉就冷場每個 demo 配一支預錄影片,按一下就切過去
觀眾用手機看串流,字會糊單頁滿版、clamp() 字級、一頁一件事
九十分鐘的量記不住,念稿又很乾講稿備註只出現在主控台,投影機那邊看不到
一定會超時,0826 那場規劃 90 分講了 169 分PACE 每頁目標時間,超時計時器變紅
站台前離筆電遠手機掃 QR 當遙控器
改完不知道有沒有改壞deck-tools 自動翻頁、抓排版溢出、抓 JS 錯誤

這七條裡面,沒有一條是「我想要更好看的版式」。這就是為什麼挑不到現成的。

換一個場合,答案就整個不一樣

場合需要什麼
線上直播內嵌 iframe、備援影片、節奏計時
會議室提案能被打斷跳頁、有 appendix 深水區、印得出來發下去
交出去自己看不需要備註,每頁要能自己站得住,要 PPTX 讓對方改
錄影課程要章節標記,字幕交給後製

2026 年 8 月 31 日拿同一份發包單實跑過兩種場合,只有場合與時間答得不一樣,結果差很多:會議室那份砍到八頁、deck.css 少了 74 行、QR 那支檔案直接刪掉;線上直播那份留了十六頁與 iframe。最值得記的一列是手機遙控:兩份都砍掉。線上直播是螢幕分享,人坐在電腦前,遙控器是給你離開筆電、站在實體舞台上用的。

跟 dashi-ppt-skill 的差別

先講一件查證出來的事:dashi-ppt-skill 的作者,就是這份研究拆的那兩支影片的作者。模板檔 project/assets/template-swiss.html 第 1943 行的作者區塊寫著 @大师的AI小灶,並連到同一個 GitHub 帳號與其抖音、小紅書、Bilibili。

slide-deck-skill(自製)dashi-ppt-skill
為誰設計站著講的人交出去給人看的報告
講者支援雙螢幕主控台、講稿備註、節奏計時、手機遙控都沒有,見下方查證
視覺一套 CSS,每場從被講的專案身上取色12 套主題、1020 版式、8576 個可調控件
改稿改 HTML 原始碼瀏覽器裡點文字就地改、滑桿換版式
出檔16:9 PDF 與 A4 講義HTML 離線包、PDF、可編輯 PPTX
驗收deck-tools 機器檢查明講不做截圖審美精修
體積1.5 MB127 MB(實測匯出成品 8.2 MB:字型 4.6、runtime 1.3、匯出函式庫近 1)
授權MITAGPL-3.0

查證一:dashi 有沒有講者主控台

沒有。它畫面上那個「演示控制台」是編輯與匯出工具列,跟講者無關:播放預覽、匯出 HTML 離線包與 PDF 與 PPTX、重置、切語言、切明暗、左側縮圖目錄、預覽風格切換、十種換頁動畫、右側的可調控件面板。

查證二:AGPL 的產物到底有沒有內嵌 runtime

HTML 產物會,PDF 與 PPTX 不會。

可以照著做的結論:拿 dashi 做完,交 PDF 或 PPTX 給對方,不會碰到 AGPL 的散布條款。把匯出的 HTML 離線包放上公開網站或商用,就等於連同它的 runtime 一起散布,條款要自己看一眼(AGPL 的重點在第 13 條:透過網路提供服務也算散布,要提供對應原始碼)。

這一段只是把原始碼翻出來看到什麼就寫什麼,沒有法律效力。真的要商用,條款請自己讀或問律師。

結論

兩個都留著。要交報告、要 PPTX 檔、對方要自己改字,dashi 贏;要上台講、要備註計時遙控、要當場內嵌真站台,自製這套贏。規格是自己的資產,乙方可以換。