AI 技能/插件前端【免费下载链接】html-ppt-skillHTML PPT Studio — AgentSkill with 24 themes, 31 layouts, 20 animations for building professional HTML presentations项目地址https://gitcode.com/gh_mirrors/ht/html-ppt-skill点击查看免费下载这是一份面向 HTML PPT Studiohtml-ppt skill的演讲者模式Presenter Mode实战指南。文章完整讲解如何判断何时该启用演讲者模式、如何用presenter-mode-reveal模板快速产出带逐字稿的 deck以及如何给任意 full-deck 模板手工接入S键演讲者视图。读完本文你将掌握逐字稿写作的三条铁律、演讲者窗口四张磁吸卡片的交互与同步原理并能直接用S / T / ← →等快捷键完成一场双屏演讲。本文以 references/presenter-mode.md 为骨架结合 templates/full-decks/presenter-mode-reveal/README.md、模板示例与 assets/runtime.js 的源码实现展开所有结论均可回到仓库文件验证。何时使用演讲者模式html-ppt skill 里做带逐字稿的演讲者模式 PPT本质上解决的是照着讲、但绝不能念稿的正式演讲场景。当用户需求命中以下任意一项时应优先选择演讲者模式提到演讲、分享、讲稿、逐字稿、speaker notes提到presenter view、演讲者视图、演讲者模式需要30 分钟 / 45 分钟 / 1 小时的分享说我要去给团队讲 xxx、要做一场技术分享、要做路演强调不想忘词、怕讲不流畅、需要提词器反之如果用户只要做一份静态好看的 PPT例如小红书图文、产品图册、汇报 slides 自己不讲不需要演讲者模式直接走普通 deck 即可避免过度设计。两种做法直接用模板 vs 手工接入推荐做法直接使用presenter-mode-reveal模板cp -r templates/full-decks/presenter-mode-reveal examples/my-talk open examples/my-talk/index.html该模板templates/full-decks/presenter-mode-reveal/index.html已经预设好所有必需元素S键切换演讲者视图弹出独立窗口原页面保持观众视图5 个主题可用T键循环tokyo-night/dracula/catppuccin-mocha/nord/corporate-clean在html>section classslide h2你的标题/h2 p内容.../p aside classnotes p这里是演讲时要说的话150-300 字.../p /aside /section从源码看assets/runtime.js 将.notes, aside.notes, .speaker-notes统一视为演讲者备注选择器NOTE_SEL而 assets/base.css 用.notes,.speaker-notes{display:none!important}保证观众永远看不到这些内容——两者必须保持同步若你在备注选择器中新增一类两处都要改。逐字稿写作三铁律这是整个方法论的核心。AI 在帮用户写逐字稿时必须遵守铁律 1不是讲稿是提示信号错误写法像在念稿大家好欢迎来到今天的分享。今天我将要给大家介绍一下我们团队在过去三个月做的工作。 首先我们来看一下背景情况。在过去的三个月中我们遇到了以下几个问题……正确写法提示信号 加粗核心p欢迎今天分享我们团队strong过去 3 个月/strong的工作。/p p先说em背景/em——三个月前我们遇到了strong三个核心问题/strong 延迟高、成本炸、稳定性差。/p p接下来逐个讲解怎么解的。/p差别正确版本把关键词加粗过渡句独立成段看一眼就能接上。逐字稿的真实作用是提示信号——把核心要点加粗、过渡句单独成段、数据和专有名词列清楚讲的时候瞄一眼就能接得上但说出来的还是你自己的话。铁律 2每页 150–300 字少于 150 字提示不够讲到一半会卡多于 300 字你根本来不及扫完2–3 分钟/页是最舒服的节奏铁律 3用口语不用书面语❌ 书面语✅ 口语因此所以该方案这个方案然而但是 / 不过进行优化优化一下我们将会我们会 / 接下来综上所述所以简单来说检查方法写完读一遍听起来像说话才对。念出来像 AI 机器人就重写。必备 HTML 结构演讲者模式 deck 的完整骨架如下以examples/my-talk为例资源路径需按实际目录层级调整!DOCTYPE html html langzh-CN>!-- 错误这段文字观众会看到 -- p stylefont-size:12px;color:gray 这里讲 xxx然后讲 yyy... /p正确aside classnotes p这里讲 xxx然后讲 yyy.../p /aside.notes类默认display:none见 assets/base.css只在演讲者视图可见。忘记引入 runtime.js没有script src../../../assets/runtime.js/script 没有S键、没有演讲者视图、没有翻页。逐字稿用书面语念出来像 AI 机器人。写完一定读一遍。每页 50 字提示不够照样忘词。每页 500 字眼睛根本扫不过来等于没写。用 AI 生成逐字稿的标准 prompt请为每一张 slide 写一段150-300 字的逐字稿放在aside classnotes里。 要求用口语不要书面语所以/但是/接下来不是因此/然而/综上所述把核心关键词用strong加粗过渡句独立成段每段 1-3 句读起来像说话不像念稿结尾要有自然的过渡引出下一页模板自身的示例templates/full-decks/presenter-mode-reveal/index.html就是遵守上述铁律的最佳范本每页aside classnotes内 4 个左右段落核心句加strong、观点句加em段落间用先过一下今天的议程OK进入第一部分这类口语过渡。推荐搭配主题tokyo-night深色技术分享首选、corporate-clean浅色商务汇报、dracula深色备选模板还预置了catppuccin-mocha与nord共 5 个演讲场景主题字体默认 Noto Sans SC JetBrains Mono无需更改见 assets/fonts.css动效克制使用fade-up/rise-in最自然不要用glitch-in/confetti-burst之类花哨的动效参考 references/animations.md页数30 分钟分享 8–12 页45 分钟 12–16 页1 小时 16–22 页小结演讲者模式的价值不在于多一个视图而在于把当前页预览、下一页预览、逐字稿、计时器这四块信息同时摆到演讲者眼前配合150–300 字提示信号式逐字稿的方法论让看一眼就接得上成为可复制的能力。而这一切只需要aside classnotes assets/runtime.js 两样东西——无论你是复制presenter-mode-reveal模板直接开讲还是在任意 full-deck 上手工接入都能获得同样的双屏体验。赞分享AI 技能/插件前端【免费下载链接】html-ppt-skillHTML PPT Studio — AgentSkill with 24 themes, 31 layouts, 20 animations for building professional HTML presentations项目地址https://gitcode.com/gh_mirrors/ht/html-ppt-skill点击查看免费下载相关推荐html-ppt-skill 演讲者模式模板深度解析磁吸卡片式 Presenter View 与逐字稿工作流html ppt skill 演讲者模式模板深度解析磁吸卡片式 Presenter View 与逐字稿工作流 本篇围绕 html ppt skill 仓库中的AI 技能/插件前端html-ppt演讲者模式全解像素级预览逐字稿提词器计时器让技术分享不再忘词html ppt演讲者模式全解像素级预览逐字稿提词器计时器让技术分享不再忘词 html ppt HTML PPT Studio是一个开源的 HTMLAI 技能/插件前端html-anything 演讲者模式 Deckdeck-presenter-mode技能详解逐字稿、提词器 Popup 与 5 主题切换html anything 演讲者模式 Deckdeck presenter mode技能详解逐字稿、提词器 Popup 与 5 主题切换 导读 deckAI 应用人工智能AI AgentAI 写作媒体生成上一篇告别虚拟机卡顿WinApps与Linux桌面整合度深度测评文件拖拽/剪贴板/通知系统评分下一篇mangadesk高级配置手册自定义下载设置、语言偏好和压缩选项创作声明：本文部分内容由AI辅助生成（AIGC），仅供参考
企业数字化 ERP 产品动态
相关推荐
基于STM32的分布式消防预警控制系统设计与实现 /* MD / 富文本中的 .toc（含博客园搬家等嵌套结构）；.toc-box 在侧栏，不受影响 */#content_views .toc,/* 编辑器常在目录前后插入空 p（:empty 仍占 20px），一并去掉避免顶空隙 */#content_views.markdown_views > p:empty:has(+ .toc),#content_views.markdown_views … · 2026/9/25 4:51:10
华为昇腾Atlas 300V 24G推理卡部署YOLOv5/v8完全指南 搞推理加速这几年，我手里过过不少卡，但头一回拿到华为昇腾Atlas 300V 24G这块卡的时候，还是被周围人问过同一个问题：这玩意儿到底是不是运算加速卡？它能干嘛？能不能拿来跑YOLO？带着这些疑问&… · 2026/9/25 4:51:04
Edge浏览器出现ref A/ref B/ref C编号？一套排查方案解决安全拦截问题 /* MD / 富文本中的 .toc（含博客园搬家等嵌套结构）；.toc-box 在侧栏，不受影响 */#content_views .toc,/* 编辑器常在目录前后插入空 p（:empty 仍占 20px），一并去掉避免顶空隙 */#content_views.markdown_views > p:empty:has(+ .toc),#content_views.markdown_views … · 2026/9/25 4:51:04
中兴B860AV3.2-M刷机教程：S905L3线刷EmotnUI固件实战 /* MD / 富文本中的 .toc（含博客园搬家等嵌套结构）；.toc-box 在侧栏，不受影响 */#content_views .toc,/* 编辑器常在目录前后插入空 p（:empty 仍占 20px），一并去掉避免顶空隙 */#content_views.markdown_views > p:empty:has(+ .toc),#content_views.markdown_views … · 2026/9/25 6:25:50
EMC核心术语解析：EMI/EMS、RE/CS、EFT/ESD的物理本质与工程落地 /* MD / 富文本中的 .toc（含博客园搬家等嵌套结构）；.toc-box 在侧栏，不受影响 */#content_views .toc,/* 编辑器常在目录前后插入空 p（:empty 仍占 20px），一并去掉避免顶空隙 */#content_views.markdown_views > p:empty:has(+ .toc),#content_views.markdown_views … · 2026/9/25 6:25:50
USB流量分析实战：从HID协议到Wireshark/tshark还原键盘鼠标操作 1. 从一份USB流量里找到键盘敲出的FlagCTF流量分析里，USB流量算是杂项题中辨识度最高、套路最成熟的一类。题目通常给你一个.pcap或.pcapng文件，描述是"有人用键盘敲了一封信，但捕获文件出了点问题"，或者干脆只留下一句… · 2026/9/25 6:25:43
零基础一小时C语言入门：从变量循环到数组指针的极简指南 /* MD / 富文本中的 .toc（含博客园搬家等嵌套结构）；.toc-box 在侧栏，不受影响 */#content_views .toc,/* 编辑器常在目录前后插入空 p（:empty 仍占 20px），一并去掉避免顶空隙 */#content_views.markdown_views > p:empty:has(+ .toc),#content_views.markdown_views … · 2026/9/25 6:25:31
CTF流量分析实战：USB键盘与鼠标流量提取与还原 CTF流量分析做了几年，USB这个方向真的是“老面孔”了。从入门赛到省级决赛，USB流量题几乎成了标配，尤其是键盘流量，几乎人手一把梭。但是很多人卡在不知道USB流量到底在说什么、键盘映射怎么处理、鼠标坐标怎么还原，更… · 2026/9/25 6:25:25
辉芒微MCU烧录校验全指南：从Hex到FMD-Link实操 /* MD / 富文本中的 .toc（含博客园搬家等嵌套结构）；.toc-box 在侧栏，不受影响 */#content_views .toc,/* 编辑器常在目录前后插入空 p（:empty 仍占 20px），一并去掉避免顶空隙 */#content_views.markdown_views > p:empty:has(+ .toc),#content_views.markdown_views … · 2026/9/25 6:25:25
创维E900V22D刷机全攻略：S905L3SB芯片兼容性解析与救砖实战 /* MD / 富文本中的 .toc（含博客园搬家等嵌套结构）；.toc-box 在侧栏，不受影响 */#content_views .toc,/* 编辑器常在目录前后插入空 p（:empty 仍占 20px），一并去掉避免顶空隙 */#content_views.markdown_views > p:empty:has(+ .toc),#content_views.markdown_views … · 2026/9/25 1:00:31
MQTT协议原理与Broker服务器搭建实战：从Mosquitto到EMQX /* MD / 富文本中的 .toc（含博客园搬家等嵌套结构）；.toc-box 在侧栏，不受影响 */#content_views .toc,/* 编辑器常在目录前后插入空 p（:empty 仍占 20px），一并去掉避免顶空隙 */#content_views.markdown_views > p:empty:has(+ .toc),#content_views.markdown_views … · 2026/9/25 1:00:37
