Agent Skills
返回列表
HTML 转可编辑 PPTX

HTML 转可编辑 PPTX

办公效率 更新于 2026.08.30

将以下提示词粘贴到你的 AI 对话框中:

请根据 https://skillhub.cn/install/skillhub.md,安装 @user_6cf958a6/html-to-editable-pptx。

技能介绍

要解决什么问题

很多团队用 HTML/CSS 做汇报 deck:浏览器里好看,但现场不能指望只开浏览器,同事也更习惯 .pptx。直接截图塞进 PPT 会失去可编辑文字和后续改稿空间。本技能面向「已有单文件 HTML 幻灯片」,目标是产出尽量可编辑的 PowerPoint,而不是整页糊成一张图。

技能如何工作

转换由 convert.py 驱动,流水线大致是:测量 HTML 各页布局 → 组装 OOXML → 按需从 Google Fonts subset 嵌入字体(含 CJK 时自动种子 Noto 系列)→ 结构化自检与视觉 audit。内部把 CSS 分成四档:矢量文字、矢量形状、装饰栅格(deco_snapshot)、媒体直传;普通背景色、边框、简单几何尽量留在 PPT 原生 shape/text 层。

第一次全量跑完后会在源目录生成 .audited.html 工作副本:audit 修复只改这份文件,不动你的源 HTML;后续转换默认以 audited 版为输入。支持 --only-slides 在修某几页时增量重跑 measure/对比图,但全局 CSS、字体或 deck 级 token 变更仍需全量重跑。

视觉 audit(Stage 5b)需要本机 PowerPoint COM 或 LibreOffice 把 pptx 渲成 PNG 做 HTML/PPT 半图对比;模式可在 triage / page / manual 间配置。WPS 不读 pptx 内嵌裸 TTF 时,可选把解析到的字体装到用户字体目录(需事先确认)。

边界与注意点

  • 复杂装饰(box-shadow、gradient、backdrop-filter、mix-blend-mode 等)多走截图兜底,可编辑性会下降;彩色 emoji、background-clip: text 等需按文档走 HTML workaround。
  • Agent 侧应遵守「一轮修完所有 finding 再重转」、sticky 重复问题停手告知用户,以及不原地改 skill 内的 measure.py / assemble.py;通用写法沉淀到本地 lessons-learned.md。
  • 交付前可用 --cleanup 清理 audit 中间产物,保留 .pptx 与 audited.html。

使用场景

  • 已用单文件 HTML 写好汇报 deck,会议室只能插 U 盘播 PowerPoint,需要导出可编辑 `.pptx` 而非整页截图。
  • 浏览器里 HTML 幻灯片定稿后,业务同事只用 WPS/Office 改文案,要把同一套页面转成他们能直接打开的演示文件。
  • 现场不方便依赖 Google Fonts 在线加载,需要从 HTML 里解析字体并嵌入(或装到本机字体目录)后再交付 pptx。
  • 视觉 audit 发现个别页字溢出或装饰错位,在 `.audited.html` 里局部改完后,用 `--only-slides` 只重跑指定页再对比。

适合人员

  • 维护公司 HTML 汇报模板的前端工程师,常被要求给销售/PM 一份可改字的 PowerPoint 附件。
  • 解决方案或售前架构师,把产品 demo 的网页 slide deck 转成客户环境里的标准 pptx 交付物。
  • 用 HTML/CSS 还原视觉稿的实施同学,需要在 WPS 里继续调字号,且能接受首次转换前确认是否安装解析到的 Web 字体。
  • 负责技术分享的内训讲师,平时用浏览器播 HTML 幻灯片,偶尔要在无浏览器环境的会议室改用本地 ppt 文件。