Agent Skills
返回列表
PPT转可编辑HTML生成器

PPT转可编辑HTML生成器

办公效率 更新于 2026.08.30

将以下提示词粘贴到你的 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,维护文档