Web Slides Skill

reveal.js 網頁簡報測試

Claude Code — 2026-04-10

為什麼選 reveal.js？

  • 單一 HTML 檔案，零依賴
  • 16 個內建主題
  • Fragment 動畫 + Auto-Animate
  • 講者筆記 + PDF 匯出
  • 程式碼高亮 + 數學公式

垂直投影片

向下滑動 ↓

第二層

適合用來組織子主題

第三層

可以無限嵌套

效能

5.2ms

每張投影片平均渲染時間

程式碼高亮


import Reveal from 'reveal.js';

Reveal.initialize({
  hash: true,
  slideNumber: true,
  plugins: [RevealMarkdown, RevealHighlight]
});

Auto-Animate

Auto-Animate

自訂背景

支援純色、漸層、圖片

測試完成 ✓

快捷鍵：S 講者筆記 · F 全螢幕 · O 總覽