html-slides 是做什麼的？
將任何 Markdown 文件即時轉換為美觀、可演講的 HTML 簡報。
概述
html-slides 技能讓您能將 Markdown 文件轉換為專業、可直接在瀏覽器中使用的 HTML 幻燈片簡報。它非常適合快速從筆記或文件中建立簡報，無需使用 PowerPoint 或 Keynote 等外部軟體。
支援的平台
- Claude Code
- Cursor
- Codex CLI
如何使用
要使用此技能，請在您的提示中包含 Markdown 文件的路徑。AI 代理會自動識別任務並生成 HTML 簡報。
範例用法
將 `notes.md` 轉換為 HTML 簡報
或
從 `presentation.md` 為我建立一個幻燈片
輸出
該技能會產生一個名為 slides.html 的 HTML 檔案（除非另有指定），放在工作目錄中。您可以立即在任何現代瀏覽器中開啟此檔案。
自訂
您可以透過在 Markdown 文件中加入 YAML frontmatter 來控制主題、字型、背景顏色和分頁行為。
範例 Frontmatter
---
theme: 'default' # 可選：'default', 'gaia', 'uncover', 'night'
---
運作方式
- AI 代理讀取指定的 Markdown 文件。
- 它會根據
---分隔符解析幻燈片邊界，並根據 Markdown 標題層級識別內容。 - 它會生成一個自包含的 HTML 文件，其中內嵌了 CSS 樣式（適用於幻燈片外觀和背景）以及 JavaScript（用於鍵盤導航，例如方向鍵和空格鍵）。
- 產生的 HTML 檔案會寫入磁碟，準備好供您使用。
提示
- 為了獲得最佳效果，請確保您的 Markdown 文件使用
---行來明確標記幻燈片分隔。 - 您可以在文件中加入圖片，它們會正確顯示。
- 簡報支援常見的鍵盤快捷鍵：
→/↓下一張，←/↑上一張，Space下一張。