把讲稿做成可在浏览器播放的幻灯片

在 Codex 或 Claude Code 中打开你自己的项目，使用具备读写文件和执行命令能力的项目对话。普通网页聊天未必能安装 Skill。

• 需要可读写项目文件、运行本地命令的 Codex 或 Claude Code。没有文件工具的普通聊天页面无法安装此 Skill。
• 需要浏览器查看生成的 HTML；基础 HTML 生成功能无需 npm 构建。
• 可选的 PPTX 导入需要 Python 和 python-pptx；PDF 导出需要 Node.js、Playwright 和 Bash（Windows 可使用 Git Bash 或 WSL），使用这些脚本前先核对额外依赖。

下面的请求在你自己的助手宿主环境中执行。本页提供使用指南，不在线运行 AI 任务，也不收集你的项目文件。

把这段请求粘贴到项目对话中，让助手先检查原作者的 Skill，并说明所需环境，再开始使用。

我正在使用带文件和命令行工具的 Codex 或 Claude Code。请从 https://github.com/zarazhangrui/frontend-slides 的固定 commit 9906a34d640d2111f724544cbc50f7f130569ae1 获取 Frontend Slides，来源位置为仓库根目录。先读 SKILL.md，获取完整 Skill 及其引用的配套文件，包括存在的 references、scripts、assets，不能只复制 SKILL.md。保留原始 LICENSE 和作者署名。按当前项目已有配置，将它安装到本宿主支持的当前项目技能目录，不覆盖已有 Skill。核对所需依赖，在变更环境前说明要安装什么。完成后告诉我安装位置及在本宿主中的调用方法，然后等待我提供文件和具体任务，再执行工作流程。

确认安装完成后，把示例路径和任务细节换成你自己的文件，再在同一个项目中发送这段请求。

请用已安装的 frontend-slides Skill，将我的 talk.md Markdown 讲稿做成面向普通材料研究者的 10 分钟、8 页科研报告。保留我给出的事实与图注，资料不足处标记待补充，不编造结果。先给我视觉风格预览，等我选定后生成可编辑的 HTML 幻灯片，支持键盘翻页和减少动画，并附上浏览器打开时所需的本地图片文件。交付 HTML，不是 PPTX。保留原 Markdown 讲稿和图片不变。

• 带内联 CSS 和 JavaScript 的可编辑 HTML 幻灯片，以及所需的本地媒体文件。
• 视觉风格预览与浏览器播放控制；安装额外依赖后可选导出 PDF。

请助手说明每个产物保存在哪里、做过哪些检查。使用或分享前，结合原始输入核对结果。

• 已于 2026-10-19 核对源码和文档，未做完整运行测试。
• 主要输出是 HTML，不是可编辑 PPTX；PDF 导出为静态画面，不保留动画。
• 离线播放需要把外部字体或媒体保存到本地。上游带有分享脚本，是否发布演示由用户另行决定。
• 根目录 Skill 元数据未声明语义版本号，本页以核对过的 commit 标识版本。

这是 AimatraLab 整理的第三方开源精选。Skill 由原作者维护，源码链接直接指向原作者仓库。

原作者

Zara Zhang (@zarazhangrui)

仓库

https://github.com/zarazhangrui/frontend-slides

收录版本

commit 9906a34

固定提交

9906a34d640d2111f724544cbc50f7f130569ae1

许可

MIT

文档核对日期

2026-10-19