用途 该技能用于创建手工构建、以留白为主、不依赖框架或构建步骤的 HTML 幻灯片。生成的幻灯片会保留为智能体可直接编辑的易读源文件,并配套本地图片与演讲者备注。
主要能力
- 创建幻灯片:根据提示词、README 或文档生成一套幻灯片。每页聚焦一个中心思想,幻灯片与其讲稿分离。提示未表明风格时,可提供 dwmkerr.com、conference 或 QuantumBlack-inspired 三种风格,并从 themes/ 或 references/ 复制最接近的模板。
- 创建会议演讲:使用 themes/conference/template/,编辑 presentation.html 作为幻灯片、presentation.md 作为讲稿,notes.html 作为手机可读的提词器视图。
- 预览、服务与编辑:运行 node <skill-directory>/bin/slides.js serve <deck-path> --open,向用户提供打印出的本地 URL。服务运行期间,浏览器内编辑会在短暂防抖后自动保存,评论通过 GET /__slides/comments 或 SSE 事件 GET /__slides/events 传递给智能体。
- 浏览器内演示与打印:通过底部工具栏使用 Print 打印当前页、Export 导出整套;两者打开浏览器打印对话框,可另存为 PDF;也可在 Pages 字段填写 1,3-5 等范围。
- 检查幻灯片:运行 node <skill-directory>/bin/slides.js check <deck-path>,报告 data-name 缺失或重复、残留的编辑器状态、损坏的本地资源,以及以稳定幻灯片名标识的内容溢出警告。
- 导出幻灯片:运行 node <skill-directory>/bin/slides.js export <deck-path> --output <file.pdf>,可用 --slides 1,3-5 按数字选择,或 --slides title,community 按稳定 data-name 选择,输出保持指定顺序的 16:9 PDF,每页一张幻灯片,渐进内容全部展开且不含编辑器控件。
使用方式与约定 每张幻灯片使用 <section class="slide" data-name="unique-id">,data-name 需唯一且稳定。可编辑内容用 data-editable 标记或标准标题、段落、列表、表格、引用元素;渐进片段用 class="revealable"。图片放在幻灯片旁并使用相对路径,运行时 slides-editor.js 与幻灯片同目录。键盘约定:右/空格/PageDown 前进,左/PageUp 后退,E 进入编辑,Esc 退出编辑或关闭对话框,Cmd/Ctrl+Enter 立即保存,C 评论,F 全屏,Home/End 首末页;不拦截 Tab 与 Cmd/Ctrl+S。
适用场景 适用于会议演讲、技术分享、带演讲者备注与提词器的演示,以及需要智能体直接修改源文件、浏览器实时编辑和评论协作的幻灯片制作。
限制 实时编辑依赖本地服务器;未检测到服务器时不会保存,界面会提示“Live editing is disconnected”。评论仅存于服务器内存,服务器退出即消失。保存采用基于修订号的机制,源文件被外部修改时会停止并提示需协调。不得在用户生成的幻灯片中加入分析标签(该标签仅用于本仓库的公共画廊与演示)。QuantumBlack-inspired 风格为非官方、仅基于公开材料的近似风格,不是品牌指南或背书,示例中不得包含内部、机密、客户或专有内容。