html-to-pptx

将HTML幻灯片转换为可编辑的PPTX文件

安装使用

复制下面这段提示词发给你的 AI(Claude / Cursor / TRAE / Codex / WorkBuddy 等),它会自动帮你完成安装:

帮我安装这个 AI Skill:html-to-pptx。
它的用途是:将HTML幻灯片转换为可编辑的PPTX文件
完整的 Skill 内容见:https://321skill.com/skills/html-to-pptx/raw/index.md
请读取该页面内容,如果是 SKILL.md 格式直接安装,如果是 README 提炼核心 prompt 后安装。

提示词包含完整的 Skill 内容链接,AI 读取后即可完成安装。你也可以 查看完整内容 确认无误。

使用示例

‘我有个用HTML和CSS做的产品介绍幻灯片,需要转换成能在公司会议上用PowerPoint编辑和播放的版本。’ 它会引导你提供HTML文件,然后运行转换流程,最终生成一个.pptx文件,其中每页的布局、颜色、字体都尽可能接近原设计,并且所有内容都可以在PowerPoint里直接修改。

介绍

这个Skill解决了将设计精美的HTML幻灯片转换为可编辑PowerPoint文件的难题。它接收包含

等标签的HTML文件,输出一个完全可编辑的.pptx文件,其中的文字、形状、图片都是PowerPoint原生对象,而非简单的截图。

使用时,用户只需提供HTML文件,该Skill会解析其CSS样式、布局和资源,通过一套自动化流程(包括生成渐变背景PNG、处理单位转换等)构建出对应的PPTX结构。它依赖于Node.js的pptxgenjs库和Python的Pillow等工具链来完成转换。

它非常适合已经拥有成熟HTML幻灯片(例如用Reveal.js、Deck.js等框架制作)的设计师、开发者和内容创作者,他们需要在保留视觉设计的同时,获得一个能在PowerPoint中直接修改和演示的版本。

与从头生成PPTX的pptx技能或直接截图生成不可编辑PDF/图片的方案不同,本技能的核心在于在‘完全还原视觉’和‘保持内容可编辑’之间取得最佳平衡,通过智能转换将CSS样式映射为PPTX原生属性。

核心特点

核心区别在于输出的是由原生文本框、形状和图片组成的可编辑PPTX,而非幻灯片截图;它专门处理了从CSS像素到PPTX英寸、CSS字间距到PPTX字符间距等复杂单位转换,并针对渐变等PPTX不支持的效果,智能地预渲染为背景PNG。

注意事项

不适合需要像素级完美、完全一致还原的场景,因为可编辑的PPTX对象在跨平台和不同PowerPoint版本中渲染可能略有差异;对于极其复杂的CSS动画或交互效果也无法转换。

常见问题

转换后的PPTX还能修改文字和图片吗?

可以,输出的是完全可编辑的PowerPoint文件,所有文字、形状、图片都是独立可修改的对象。

支持中文排版和字体吗?

支持,技能会处理中文字体映射和排版,确保中文显示正确。

给 AI 助手的安装指引

如果你的 AI 编程助手(Claude Code、Cursor、TRAE 等)能看到这个页面,把下面这段发给它即可自动完成安装:

请访问 https://321skill.com/skills/html-to-pptx/raw/index.md 读取 html-to-pptx 的原始 Skill 定义(Markdown 格式),按其中说明在我的环境里完成安装和配置。