PPT转可编辑HTML生成器
将以下提示词粘贴到你的 AI 对话框中:
请根据 https://skillhub.cn/install/skillhub.md,安装 @user_af163eaa/z-ppt-to-editable-html。
技能介绍
为什么需要把 PPT 转成 HTML?
把一份 .pptx 发给前端或者内容同学,最常见的结果是:拿到一个静态的预览页面,或者一个排版错位的导出文件。想改一句话、换一个品牌色,要么回到源软件重新操作,要么直接在网页上“硬改”导致样式崩坏。
这背后的原因是输出的 HTML 往往缺少可维护的结构:没有清晰的标题层级,没有可供定位的锚点,样式也直接写死。对于需要持续迭代的文档,这种输出只能看,不能改。
核心能力与工作流
该技能把重点放在“结构化”和“可编辑性”上。它不会简单地把幻灯片截图贴进网页,而是先解析源文件的结构树,识别标题、正文、图表与图片,再将其映射为语义化的 HTML 骨架(例如 section 与 h1–h6)。
- 样式与锚点注入:为每个区块添加
id/class,并注入改稿指引。换主题色时只需修改:root中的--accent变量,而不需要逐个调整元素。 - 所见即所得编辑:可选开启
contenteditable编辑态。草稿会保存在本地的data/目录中,刷新前建议先通过“导出干净 HTML”按钮保存,避免丢失内容。 - 元素保真策略:图表与图片直接复制引用原始资源,不做重绘。动画如果存在,会尝试转换为 CSS 的分步展示;复杂的 canvas 动画则降级为静态展示。
适用边界与注意点
这个技能不内置 OCR,图片中的文字必须由用户提供。如果图片仅作为视觉参考,文字内容应当另行提供,以免识别错误污染正文。
在安全与隐私方面,默认不注入任何第三方脚本,编辑态的 JS 仅在本地运行且不联网;所有草稿与用户内容都存储在本地,不上云也不对外传输。
对于 PDF 源文件,该技能不进行硬解。请先使用现有的文档转换技能将 PDF 转为可编辑结构,再交给本技能处理。
使用场景
- 产品发布会PPT需调整文案和品牌色,生成可编辑HTML供团队修改
- Word文档需转为结构清晰的好改网页,供内容团队更新文案
- 项目大纲需做成能直接修改的页面,供项目经理调整节点
- 技术文档的Markdown需转为带语义层级的HTML,供文档工程师维护
适合人员
- 产品经理:需将发布会PPT改文案和配色,生成可编辑网页
- 内容运营:要把Word文档转为好改的网页,更新内容
- 项目经理:需将项目大纲做成能修改的页面,调整节点
- 技术文档工程师:要把Markdown转为结构化HTML,维护文档