影像敘事簡報
+7- 免費簡報137137 次安裝1+7
- Claude Code
Codex
Cursor
HTML 簡報風格
篩選分頁：全部 · 提案與商務 · 研究與教學 · 品牌與創意
為什麼用 HTML 簡報
真正的 HTML，不是截圖
任何尺寸都清晰，agent 也容易編輯。
在簡報工作室裡編輯
點一下就能改寫、移動和調整順序。
匯出成 PowerPoint
需要檔案時，匯出可編輯的 PPTX。
HTML 簡報 vs PPT 檔案
| Aspect | HTML 簡報 | PPTX 檔案 |
|---|---|---|
| 開啟方式 | 任何瀏覽器 | PowerPoint、Keynote |
| 可由 agent 直接編輯 | 是 | 否 |
| 完整的 CSS 動態與網頁字體 | 是 | 否 |
| 以連結分享 | 是 | 否 |
如何用 AI agent 製作 HTML 簡報
從選風格到上台簡報，只要三步驟。
第 1 步挑選 HTML 簡報風格
選擇簡報風格，安裝前先預覽實際投影片。
挑一個適合這場簡報的風格：以圖表為主的研究簡報、產品發表用的大膽編輯風簡報，或客戶進度報告用的沉穩顧問式故事線。每個 Skill 頁面都展示實際投影片，安裝前就能看到成品。
瀏覽簡報 Skills
第 2 步安裝 Skill 並描述簡報內容
把安裝提示詞貼給 Claude Code 或 Codex，然後給出主題、受眾和頁數。
Read https://skillry.dev/skills/<slug>/install.md and follow the instructions to install the skill.在 Claude Code、Codex 或其他 agent 中安裝 Skill，再提供主題、受眾、投影片頁數和要參考的檔案。Agent 會以所選風格把簡報寫成 HTML。
第 3 步播放 HTML 簡報或匯出成 PPTX
在瀏覽器全螢幕播放，或匯出可編輯的 PPTX。
打開簡報工作室改寫文字、移動區塊、調整投影片順序。在瀏覽器全螢幕播放，或在有人需要 PowerPoint 檔案時匯出可編輯的 PPTX。相關內容
Codex Skills
什麼是 HTML 簡報？
HTML 簡報 vs PowerPoint 檔案
HTML 簡報是一組一次顯示一張投影片的網頁。它能在任何瀏覽器開啟，在任何螢幕上都清晰縮放，並支援網頁字體、CSS 版面和動態效果。因為投影片就是程式碼，AI agent 撰寫、改風格和更新它們，就像編輯其他檔案一樣容易，這也是為什麼 HTML 簡報比二進位的 PowerPoint 檔案更適合由 agent 製作。
HTML 轉 PPTX：匯出你的投影片
你不必只選一種格式。能控制播放螢幕時，就從瀏覽器播放 HTML 版本；客戶、研討會或同事需要 PowerPoint 檔案時，再從簡報工作室匯出可編輯的 PPTX。
HTML 簡報框架 vs AI Skills
Slidev、reveal.js 和 Marp 是熱門的開源工具，能用程式碼寫簡報。Slidev 用 Vue 元件和對開發者友善的編輯器把 Markdown 變成投影片；reveal.js 是用 HTML、CSS 和 JavaScript 建構的 HTML 簡報框架；Marp 把純 Markdown 轉成投影片，並能匯出 PDF、PPTX 和 HTML。它們讓你完全掌控，但每張投影片還是得自己設計。HTML 簡報 Skill 則更高一層：你的 agent 根據需求，以完成的設計寫好簡報，你在簡報工作室中編輯，再匯出可編輯的 PPTX。想親手打造一場演講就用框架；想快速拿到設計好的簡報就用 Skill。
| 工具 | 是什麼 | 授權 |
|---|---|---|
| Slidev | Markdown + Vue 簡報框架 | MIT |
| reveal.js | HTML 簡報框架 | MIT |
| Marp | Markdown 簡報生態系 | MIT |
| HTML 簡報 Skill | 由 agent 撰寫的設計款簡報，可匯出 PPTX | Skillry 授權 |
HTML 簡報常見問題
什麼是 HTML 簡報？
HTML 簡報是以網頁形式製作的簡報。每張投影片都用 HTML 和 CSS 排版，並在瀏覽器中全螢幕顯示，所以能使用網頁字體、響應式版面和 CSS 動態效果。因為它們只是普通檔案，AI agent 可以直接撰寫和編輯。
HTML 簡報可以轉成 PPT 嗎？
可以。Skillry 簡報 Skills 附有簡報工作室，可以匯出可編輯的 PPTX，讓用 PowerPoint 簡報的同事繼續修改。文字保持可編輯，圖片則維持為獨立物件。
HTML 簡報可以離線使用嗎？
簡報檔案放進專案後，不需要網路連線也能在瀏覽器本機開啟。如果某個風格從 CDN 載入網頁字體，請附上字體的本機副本，才能完全離線使用。
哪些 agent 可以製作 HTML 簡報？
Claude Code、Codex、Cursor、Antigravity、OpenCode、GitHub Copilot，以及任何讀取 SKILL.md 格式的 agent。同一個 HTML 簡報 Skill 在每個 agent 中都會產出相同的設計。
HTML 簡報可以有幾張投影片？
投影片頁數由你在需求中設定。不論你要幾張，Skill 都會讓封面、章節、內容和結尾版面保持一致，之後也能在簡報工作室中新增或刪除投影片。
HTML 簡報 Skills 需要圖片 API 嗎？
看具體 Skill。很多簡報 Skill 內建圖庫，預設重複使用庫裡的圖片，你自己的照片和圖表也始終優先，這種情況下不需要圖片 API。如果想依主題重新生成配圖，Skill 會用 Agent 內建的生圖工具（例如 Codex 內建的 GPT Image）；在沒有內建生圖工具的 Agent 裡，支援 fal 的 Skill 需要你自己的 FAL_KEY。需要 API Key 的 Skill 會在 Skill 頁面上標示出來。