网页幻灯片转 PPTX

要解决的问题

HTML/CSS 网页幻灯片适合在浏览器中展示，但不方便离线编辑、批注或二次排版。直接把页面截图放进 PowerPoint，会生成大量不可编辑的图片，标题、表格和指标框都需要重新制作。html-to-pptx-converter 关注的是把网页幻灯片中的内容结构转换为原生 PPTX 元素，保留后续可编辑性。

技能如何工作

该技能采用混合流程：先用 Python 和 BeautifulSoup 解析 HTML，提取标题、正文要点、指标、表格和布局信息，整理为结构化 JSON；再用 Node.js 调用 PptxGenJS，按 10in x 5.625in 的坐标系统映射成幻灯片对象。

• 原生元素：优先使用 addShape 和 addText，避免截图，保证 PPT 可继续编辑。
• 数据页：用色块矩形加大号文本框突出关键数字。
• 布局映射：把 HTML 的 grid 或 flex 拆成手动 X/Y 坐标，例如双栏分别定位到左右区域。
• 品牌同步：尽量对齐 HTML 背景色或渐变的近似色。

适用边界与注意点

这个技能适合结构相对清晰的网页幻灯片，尤其是标题、列表、指标和表格明显的 deck。它不是通用 PDF 转 PPT 工具，也不保证还原所有复杂动效或 CSS 细节。使用时要注意：PptxGenJS 的颜色值需要十六进制且不带 #；字体建议回退到 Arial 或常见中文字体；表格高度不会自动让下方元素下移，需要按行数手动推进当前坐标。