前言¶
网页版的演示稿越来越多:用 HTML/CSS 写的 deck、产品页、数据可视化,视觉表现通常比直接在 PPT 里排好。但要交付给同事或客户时,常见做法是把网页截图贴进幻灯片,得到的文件文字不可选、放大就糊,后续几乎没法改。
html-to-editable-pptx 针对的就是这个场景:它不是截图,而是把 HTML/CSS 幻灯片转换成可编辑的 PowerPoint 元素,文字、版式和视觉组件在 .pptx 里仍能继续修改。下面介绍这个 Skill 的定位、能力和使用方式。
这是什么¶
html-to-editable-pptx 是一个基于通用 SKILL.md 格式的社区 Skill,由 user_6cf958a6 发布,坐标 @user_6cf958a6/html-to-editable-pptx,当前版本 1.0.0,分类 office-efficiency,来源 community。
它解决的问题是:把 HTML/CSS 写成的幻灯片、网页演示稿、产品页面和数据可视化,快速转成可交付的 .pptx 文件,并且保留矢量文字可编辑。
SkillHub 页面显示评分 100000,下载 857 次,安装 0 次(数据来自页面抓取,可能随时变化)。
核心能力¶
根据官方简介,这个 Skill 会自动处理以下环节:
- 字体嵌入,以及 CJK 字体的处理,避免中文在 PPT 里变成方块或被替换。
- 复杂 CSS 的转换,把网页样式落到 PPT 元素上。
- 布局测量,确定元素在幻灯片上的位置和尺寸。
- 结构校验,检查转换后的文件结构是否完整。
- 最终视觉审计,对产出做一次视觉层面的核对。
在转换策略上,文字和版式走矢量、保留可编辑性;遇到无法用 PPT 元素表达的复杂装饰时,自动退回截图兜底。它不依赖 reveal.js 或自写 deck 等具体框架,HTML 来源比较自由。
触发方式¶
当用户想把 HTML 幻灯片转成 .pptx 时触发,典型说法包括:
"HTML 转 PPT"
"网页幻灯片转 pptx"
"把这个 deck 转成 ppt"
"给同事一份 ppt 副本"
"汇报不方便放浏览器"
也可以直接给出 .html 文件路径,同时提到 ppt / pptx / 演示 / 幻灯片,Skill 同样会识别。
安装与启用¶
Skill 挂在 SkillHub 上,坐标 @user_6cf958a6/html-to-editable-pptx,版本 1.0.0。
标签里 requires_api_key=false,表示使用时不需要额外配置 API Key,安装后即可调用。官方页面提供安装入口,按页面提示添加到对应 Agent 的 Skill 目录即可;不同工具(Cursor、Codex CLI、Claude Code)的目录位置不同,以页面说明为准。
典型用法¶
准备一个 HTML 幻灯片文件,例如 deck.html,然后让 Agent 转换:
把 deck.html 转成 pptx,文字要可编辑
或用更口语的说法:
把这个网页幻灯片转成 PPT,我要发给同事
Skill 收到后会读取 HTML 及其样式,按上面的核心能力走字体、布局、结构校验和视觉审计,输出 .pptx。产出的文件里文字是矢量、可选中编辑,版式可以继续调整。
适用场景与限制¶
适合的场景:HTML/CSS 写的演示稿需要交付、产品页或数据可视化要放进汇报材料、临时没有浏览器环境只能给 .pptx。
需要注意的限制:
- 复杂装饰走截图兜底,这部分在 PPT 里不可编辑,放大后清晰度取决于截图分辨率。
- 转换结果取决于 HTML 本身的结构和样式可解析程度,语义混乱的页面效果会变差。
- 它是转换工具,不负责重新设计版式;源 HTML 本身排得不好,转出来也不会变好。
结尾¶
html-to-editable-pptx 的价值在于把「截图进 PPT」换成「元素进 PPT」:文字可编辑、字体按需要嵌入、复杂装饰有截图兜底,适合把网页演示稿快速变成可交付的 .pptx。官方地址:https://api.skillhub.cn/user_6cf958a6/html-to-editable-pptx ,页面地址:https://www.skillhub.cn/skills/user_6cf958a6/html-to-editable-pptx