一款功能强大的转换器，可将 HTML 幻灯片转换为完全可编辑的 PowerPoint 演示文稿，同时保留 CSS 样式和原生形状映射。
安装与下载
1. ClawHub CLI
从源直接安装技能的最快方式。
npx clawhub@latest install html2pptx-shape
2. 手动安装
将技能文件夹复制到以下位置之一
~/.openclaw/skills/ <project>/skills/ 优先级：工作区 > 本地 > 内置
3. 提示词安装
将此提示词复制到 OpenClaw 即可自动安装。
请帮我使用 Clawhub 安装 html2pptx-shape。如果尚未安装 Clawhub，请先安装（npm i -g clawhub）。
更倾向于下载？
获取包含原生技能文件的ZIP压缩包。
什么是 html2pptx-shape？
html2pptx-shape 是一款专门设计的工具，旨在架起基于 Web 的演示文稿与专业幻灯片软件之间的桥梁。它超越了简单的屏幕截图，通过解析 DOM 和 CSS 将 HTML 元素直接映射为矩形、文本框和图像等原生 PowerPoint 形状。这确保了最终输出不仅是一个静态文档，而且是一个完全可编辑的 PPTX 文件，并忠实于原始 Web 设计。
该技能擅长处理复杂的 CSS，包括外部样式表和 CSS 变量。通过自动嵌入外部 CSS 并计算绝对位置，它能以标准的 16:9 宽屏格式高精度地复现布局。对于希望利用 Web 技术进行内容创作，同时又需要 Office Open XML 格式以便最终交付的开发人员和设计师而言，这是一个必不可少的工具。
html2pptx-shape 应用场景
- 将 html-ppt 等工具生成的 HTML 演示文稿转换为可编辑的 PowerPoint 幻灯片。
- 将 Web 内容存档为专业的演示文稿格式，用于离线会议。
- 为倾向于使用 CSS 设计幻灯片但需要 PPTX 进行客户交付的开发人员简化工作流程。
- 将带有嵌入式样式的自包含 HTML 文件转换为原生 Office 形状。
html2pptx-shape 工作原理
- 系统自动抓取外部 CSS 文件并将其嵌入 HTML 文档的 style 标签中。
- 解析所有选择器中的 CSS 变量，以确保样式的一致性。
- 使用 BeautifulSoup4 解析 DOM，以理解文档结构和元素层级。
- 进行布局计算，以确定每个元素的绝对位置和尺寸。
- 将 HTML 元素映射为 PPTX 等效项：div 变为 Shape，p/h1-h6 变为 TextBox，img 变为 Picture。
- 将颜色、边框、阴影和不透明度等 CSS 属性应用于相应的 PowerPoint 形状。
- 使用 python-pptx 库生成最终的 PPTX 文件，并按幻灯片章节进行组织。
html2pptx-shape 配置指南
先决条件
确保已安装 Python 3。导航至技能目录并安装所需的依赖项和浏览器二进制文件：
cd ~/.openclaw/workspace/skills/html2pptx-shape
pip3 install -r requirements.txt
playwright install chromium
基本用法
要将 HTML 文件转换为 PPTX，请使用输入路径运行 index 脚本：
# 标准转换
python3 index.py input.html
# 使用指定输出名称进行转换
python3 index.py input.html output.pptx
html2pptx-shape 数据架构与分类体系
该技能生成 16:9 比例的标准 PPTX 文件 (Office Open XML)。内部文件结构和映射组织如下：
| HTML 元素 | PPTX 对象 | 保留属性 |
|---|---|---|
<div> |
Rectangle | 背景, 边框, 阴影, 不透明度 |
<p>, <h1>-<h6> |
TextBox | 字体系列, 大小, 字重, 对齐方式, 颜色 |
<img> |
Picture | 尺寸, 长宽比, 源 (本地/URL/Base64) |
<ul>, <ol> |
TextBox | 项目符号, 缩进 |
<svg> |
Freeform | 路径 (简化) |
html2pptx-shape 高级特性
- 自动 CSS 嵌入：解析本地 CSS 文件的相对路径并将其合并到文档中。
- CSS 变量支持：在转换过程中完整解析 :root 和特定于选择器的变量。
- 原生形状映射：将 div 元素转换为可编辑的矢量形状，而不是栅格图像。
- 多幻灯片处理：根据 HTML 源码中的 section.slide 标签自动创建新幻灯片。
- Python API：可以直接导入到其他 Python 工作流中，使用 Openclaw Skills 实现自动化报告生成。
SKILL.md
加载中
Openclaw 相关技能
精选*
