作者 sylvial928 · sylvial928/interactive-slides
将内容转换为精美的独立动画HTML演示文稿—幻灯片、滚动故事或交互式演示文稿—并可选择导出.pptx。
交互式幻灯片是Claude Code的一项技能，可生成可在任何浏览器中打开的单个HTML文件。三种演示模式（经典幻灯片、长篇滚动故事、探索性交互式幻灯片）。GSAP + Google Fonts + Chart.js是CDN加载的；键盘/单击/触摸/滑动/滚动导航都可以开箱即用。可选的“pptxgenjs”导出生成一个可编辑的.pptx ，因此您可以切换到居住在PowerPoint中的利益相关者。
何时使用： 你有内容；你想在几分钟内形成一个真正的卡组。
结果： 今天可以演示的卡组，明天可以通过.pptx发送电子邮件。
何时使用： 您想要一个带有滚动触发视觉效果的中型长片。
结果： 读者实际完成的引人入胜的滚动片段。
何时使用： 您需要带有小型交互式内联练习的幻灯片。
结果： 没有后端的真人露台。
通过ECharts制作图表并嵌入到卡组中
| 工具 | 输入参数 | 何时调用 | 成本 |
|---|---|---|---|
| /interactive-slides (SKILL) | mode + content + theme | 无论何时，只要您需要已有内容的卡组或滚动故事 | 0 |
幻灯片不会在箭头键上前进确保键盘侦听器已绑定；当从file://提供HTML文件时，某些浏览器会阻止。尝试本地服务器： python3 -m http.server。
Open dev console; inspect keyup handler.pptx导出缺少的动画动画仅限HTML ； .pptx导出文本+布局。使用HTML进行实时; .pptx进行电子邮件切换。
Open the .pptx in PowerPoint; check layout only字体在离线状态下看起来不对要求技能使用base64数据URI嵌入@ font-face以供离线使用。
Open airplane-mode; load the HTML| 替代方案 | 何时用它替代 | 权衡 |
|---|---|---|
| mck-ppt-design-skill | 您想要咨询风格的.pptx幻灯片，而不是HTML幻灯片 | 更少的互动性；更多的滑动抛光 |
| mermaid-skill | 您需要的是图表，而不是卡组 | 不同的神器 |
| markmap-mcp-server | 思维导图比卡组更合适 | 不同的叙事形式 |