Frontend Slides Editable：让智能体生成你能亲手改的网页幻灯片

它能从四种材料开始：

• 内容或大纲新建：你给主题或大纲，它先补齐需求，再生成自带完整编辑器的单文件 HTML 演示。
• 增强现有 HTML：先读取当前文件与信息密度，再按要求更新内容或风格，保住编辑、保存和导出能力。
• PPTX 转网页：先用脚本抽取文字、图片和备注，给你核对后重新设计。
• PDF 转网页：逐页抽取文字和图片，整理成结构化数据与素材后重新设计。

两种转换都先抽取、再重新设计，不承诺保留原页面的每处排版。

风格选择上有两个数字，统计对象不同，别混在一起：46个预设指生成 HTML 时可选的风格，官方流程是收齐需求后推荐其中2–4个给你挑，或者先出3个封面让你直观比较；34个移植模板则是另一类原生模板素材，两者不是同一口径。

生成后，内置编辑器提供这些操作：

• 文字：按 E（Edit，编辑开关）进入编辑状态，完成后退出。格式栏可调加粗、斜体、字体与字号。
• 媒体与对象：新增文字、图片或视频，粘贴与替换图片；拖拽对象挪位、拉边角缩放，用对齐辅助调整位置。按住 Ctrl 再点选可多选，macOS 同样使用 Control 键。
• 页面与历史：Pages（页面面板）提供缩略图，可重排、复制、新建和删除页面；Undo/Redo 用于撤销与重做。
• 演示：Laser 提供激光笔式的指示点，Fullscreen 进入全屏放映。

理解槽位机制能避免误会：移植模板的内容默认装在固定槽位里，你可以在原位改字换图，但布局是锁定的；你新加的对象可以移动和缩放。确实想动布局时，Unlock layout（解锁布局）能把当前页适合的槽位转成可动对象，且这一步可撤销——但背景、网格、装饰和纯布局容器仍然锁着，并不是所有元素都能随意拖。

和原版项目比较，依据官方说明能确认的差异是：这个分支补齐了完整的对象操作、Pages 页面管理和 Undo/Redo；而原版默认就支持行内改字和保存，并非“只能看”的旧工具。另外，若你的目标是转成 PPTX 后继续在 PowerPoint 里精修，这里交付的是网页；需要衔接 PowerPoint 时，可使用 PPT Master，先看本站的 PPT Master 技能导读。

仓库里带了一份手工维护的参考文件 editable-deck-reference.html，共三页，以简短文字说明编辑操作，页面内容较少。本站已把这三页做成静态预览图：制作时禁用了 JavaScript 和网络，移除外部字体并显露静态内容。三页各能看的东西不同——第一页说明按 E 进入编辑、保存、Ctrl+click 多选和拖动缩放；第二页说明页面重排、删除和居中吸附；第三页提示点击文字后可使用加粗、斜体、字体和字号等格式功能。

要区分两件事。站内预览是 JavaScript 被禁用的静态画面，字体和部分可见性做过转换，能帮你看清结构和内容，代表不了交互手感；页面同时提供具名的 HTML 原件下载，保留原生运行时，是单文件，内部保留了主仓作者 LI ZHENG 与父项目作者 Zara Zhang 两份 MIT 署名注释。下载后打开请注意：它引用在线的 Fontshare 字体，断网时字体会退回系统默认。边界也一次说清：本站没有实际运行官方的编辑、保存和导出流程，上文交互能力来自官方文档与源码核对，不是实测结论；README 里有一段录屏，但录于1.0时代，不能当2.0全功能演示，本文也不嵌入。

官方点名支持 Claude Code 和 Codex。本页从已有的 Codex 本地项目起步：先确认它能读取你选的文件夹、写入文件并执行命令。还没准备好时，按官方快速开始安装、登录并打开本地文件夹，再回来继续；本站的技能入门解释技能的用途，不替代宿主安装说明。

先建一个本次演示的工作文件夹，并在 Codex 中打开它。新建演示可把大纲直接贴进对话，也可把大纲文件放进这个文件夹；转换或修改已有材料时，把 HTML、PPTX 或 PDF 的副本放进去，发送请求时写明文件名。这里的“当前工作目录”就是这个已打开的文件夹。

装技能需要 Node.js 和 npx（随 Node.js 提供的命令行工具）；之后若要转换 PPTX，需要 Python 和 python-pptx 库，转换 PDF 需要 Python 和 PyMuPDF 库，可以等真用到再补。在终端进入这个工作文件夹，再执行下面这条安装命令：

安装器询问范围时，选当前项目（Project），宿主选你实际使用的 Codex；若你用的是 Claude Code，就选 Claude Code。安装完成后记下它返回的实际目录，并确认其中有 SKILL.md、STYLE_PRESETS.md 和 examples/。不同宿主的目录和提示可能不同，以安装器显示为准。

回到同一个项目开启新对话，直接点名“请用 frontend-slides-editable 帮我……”。Codex 会自动发现新技能；未出现时重新打开 Codex，再检查项目是否选对。仍找不到时，把安装器返回的目录告诉它，请它读取该目录的 SKILL.md，再按其中引用读取本次所需的风格、编辑器等支持文件；只看到技能名称还不足以开始。下一章“怎么开口”已有完整第一句话；可点本页目录定位，换成自己的内容即可。

本文核对了官方支持与安装、加载说明，没有实际安装或生成演示，结果以你本机运行为准。需要交付可在 PowerPoint 中继续编辑的原生 PPTX，先看本站的 PPT Master 技能导读。

先声明：下面四个示例由本站按官方流程整理，只示范格式，没有实际跑过，不是任何真实的回复或产物。官方流程会先问齐八件事——用途、页数、具体内容、风格、要不要完整编辑器、图片意向、手机还是电脑适配、语言——收齐后再推荐风格。开口时一次说全，能省几轮来回；你已说清的项它不会重复问，想跳过风格挑选也可以直说。

第一次新建，可以直接复制下面的完整请求，再替换用途、大纲与设计要求。主题“社区图书馆夜读计划”纯属虚构；正式制作前还要补入你选定的书名、报名地点、路线和联系方式，缺的先标待补，不让智能体代编。

其余三个场景一句话就够。三个文件名都是示意，发送前请换成自己的实际文件名，并确认文件就在当前工作目录里。增强现有 HTML 时，假设文件叫 deck.html：

转换 PPTX 时，假设文件叫 report.pptx，同样请替换：

转换 PDF 时，假设文件叫 slides.pdf，同样请替换：

生成后先请智能体给出 HTML 的完整文件路径、页数和仍待补的内容。在系统文件管理器中找到这个文件，用浏览器打开，核对标题、页数、正文与待补信息；若只返回一段代码或找不到文件，先让它保存为 HTML 并给出路径，再往下做。

编辑器各入口都有实际用途：按 E 改文字最常用；Add element（添加元素）用来补文字、图片或视频；Pages 负责调页序、复制和删页；Undo 在误删误改时救场。保存分两层：Save（保存）先把整份稿子写进浏览器草稿（localStorage），草稿保存在当前浏览器中，同时会尝试直接保存到文件，浏览器不支持或失败时退回为下载一份 HTML；Pages 侧栏中的 Export HTML（导出）则生成清掉临时状态、嵌入最新内容的单文件，适合交给别人。

第一次可以先改一处标题或调一次页序，再点 Save，确认实际写回了哪个文件；若浏览器改为下载，就记下新下载文件的位置。要交接时在 Pages 侧栏点 Export HTML，把导出文件另存到明确的位置。关闭旧标签，从文件管理器重新打开刚保存或导出的那份 HTML，检查刚才的文字、页序和图片是否还在，再用于演示或分享。若需要整体改内容或风格，把这份文件的路径和具体修改要求交回智能体。

最影响选择的一条先说：这个技能交付网页（HTML），不是原生 PPTX 文件；转换类任务也是抽取后重新设计，不承诺像素级还原，扫描页要先栅格化或另行 OCR，PDF 本身没有演讲备注可抽。如果需要原生 PowerPoint 文件继续编辑，可以看本站的 PPT Master 技能导读；想完整跟练网页演示制作，可看原版网页演示跟练。

交接层面有几个“不保证”：导出时会尽量把媒体和字体嵌进单文件，但外链资源嵌入失败只留警告，不能承诺所有外链媒体和字体都随文件带走——收到文件后最好断网或换台电脑开一遍再交付。手机适配需要开口时显式选择，不会默认做好。背景装饰保持锁定，Unlock layout 能动的范围有限；接收者继续编辑时，需要取得你导出的 HTML 文件。

费用与许可各有自查点：技能代码按 MIT 许可提供，调用模型生成内容可能按你所用平台的规则计费；本次核对的官方说明未提供统一报价或免费额度。PDF 转换依赖的 PyMuPDF 是独立第三方库，商用或再分发前请另行核对它的许可；仓库的 MIT 许可也不覆盖模板引用的第三方字体和媒体。

技能能力核对日期为2026-10-31，依据该分支2026年10月26日的归档快照；README 自述版本2.0，其 head 提交与官方 release 未能确认，故本文不用“最新版”的说法。2026-11-01补核了Codex快速开始、技能发现说明与Skills CLI的项目范围、宿主选择，补充本页起步指路。技能官方资料集中在下面：仓库与 README、SKILL 技能说明、编辑器运行时说明。

许可有三份，归属不同，别混为一谈：主仓为 MIT（2026，LI ZHENG），见主仓 LICENSE；父项目 frontend-slides 为 MIT（2025，Zara Zhang），见父项目 LICENSE；beautiful-html-templates 模板子目录另有 MIT（2026，Zara Zhang），见模板目录 LICENSE。本文官方示例只用了那份手工维护的参考文件，未复制模板目录的成套图库；模板许可与示例引用的第三方字体、媒体授权彼此独立，使用前请分别确认。