技能概述
Presenter Mode 係一个演讲者模式专用 HTML PPT 模板。核心功能係为演讲者提供逐字稿支持同演讲者视图（presenter view）：每页可以嵌入 150-300 字嘅口语化逐字稿（放入 <aside class="notes"> 中），按 S 键即可打开演讲者弹窗，包含四张磁吸卡片 — 当前页（CURRENT）、下一页（NEXT）、逐字稿（SCRIPT）、计时器（TIMER）。默认 tokyo-night 主题，支持 5 套主题通过 T 键切换。适用于技术分享、公开演讲、课程讲解等需要提词器嘅场景。
觸發關鍵字
- presenter mode、演讲者模式、提词器
- 逐字稿、speaker notes、presenter view
- 演讲、公开演讲
什麼時候用
- 要做技术分享、公开演讲、课程讲解
- 怕忘词，需要提词器
- 需要喺幻灯片嵌入演讲者逐字稿
- 需要演讲者视图（下一页预览 + 计时器）
使用方法
自然語言觸發
用 html-ppt-presenter-mode 模板做一份带逐字稿嘅演讲 PPT
工作流程
- 确认基本信息 — 演讲主题、时长（每页 2-3 分钟）、目标听众
- 复制模板 — 从
presenter-mode-reveal/模板复制index.html和style.css，保留.tpl-presenter-mode-revealbody class - 处理共享运行时 — 模板嘅
../../../assets/...路径喺项目中会 404，需复制 assets 到项目本地或内联 CSS/JS - 替换内容 — 保留结构 class，只替换 demo 内容
- 写入逐字稿 — 每页 150-300 字口语化逐字稿，放入
<aside class="notes"> - 可选主题 — 36 套主题可选，T 键切换
核心功能
| 功能 | 说明 |
|---|---|
| 逐字稿 | 每页 150-300 字口语化提示，非正式讲稿 |
| 演讲者弹窗 | S 键打开，四张卡片：当前页/下一页/逐字稿/计时器 |
| 主题切换 | tokyo-night 默认，5 套预设，T 键切换 |
| 键盘导航 | 完整键盘支持（翻页、主题切换、演讲者视图） |
實際例子
例子 1：技术分享
用户：「用 html-ppt-presenter-mode 模板做一份带逐字稿嘅演讲 PPT。」
确认后生成 deck，每页嵌入 150-300 字口语化逐字稿，按 S 键打开演讲者弹窗。
例子 2：课程讲解
用户：「帮我做一个 10 分钟课程讲解 PPT，每页 2 分钟，带逐字稿。」
确认后生成 5 页 deck，每页写好口语化提示。
注意事項
- 永远唔好将演讲者-only 文字放喺幻灯片可见区域 — 用
<aside class="notes">或<div class="notes"> - 复制模板后必须处理
../../../assets/...路径问题 - 保留结构 class（
.tpl-presenter-mode-reveal限定嘅 CSS 只认模板结构） - 视觉系统、布局、主题、键盘运行时来自上游 MIT 授权嘅
lewislulu/html-ppt-skill