` with label below |
| Cards | `` with shadow and border |
| Timeline | Horizontal flex layout with dots and lines |
| Comparison table | Feature matrix with ✓/✗ icons |
**幻灯片类型特定样式**：
1. **封面**：全出血深色背景、大标题、渐变叠加
2. **痛点**：网格中的彩色卡片
3. **方案**：带图标的功能卡片
4. **商业模式**：带可视化条形的收入分解
5. **产品演示**：居中图片/模型图+标注
6. **竞争分析**：样式化对比表格
7. **Traction**：指标行+时间线可视化
8. **路线图**：带箭头连接的阶段卡片
9. **团队**：一排头像卡片
10. **融资**：关键统计+资金用途条形图
#### Python脚本要求
脚本必须：
1. 接受输入文件路径作为变量或参数
2. 检测文件类型(.pptx或.pdf)并使用适当的提取方式
3. 提取全部文字内容并保留层级（标题vs正文）
4. 提取图片并转换为base64 data URI
5. 对于.pptx：提取形状位置、颜色、字体大小以指导布局
6. 对于.pdf：提取带位置数据的文本块、嵌入图片
7. 生成带内联CSS和JS的完整HTML
8. 正确处理中英文文本
9. 保存输出文件并打印路径
10. 依赖：`python-pptx`、`pymupdf` (fitz)、`base64`、`os`
#### 脚本模板
```python
#!/usr/bin/env python3
"""Deck to HTML Converter by Unique Club"""
import os
import sys
import base64
def extract_from_pptx(filepath):
"""Extract slide content from a .pptx file."""
from pptx import Presentation
from pptx.util import Inches, Pt, Emu
# ... extract text, images, layout from each slide
# Return list of slide dicts with content
pass
def extract_from_pdf(filepath):
"""Extract page content from a .pdf file."""
import fitz # pymupdf
# ... extract text blocks, images from each page
# Return list of slide dicts with content
pass
def detect_slide_type(slide_data, index, total):
"""Heuristically detect slide type for enhanced styling."""
# Cover (first slide), Fundraising (last slide), etc.
pass
def generate_html(slides, title, accent_color="#1a73e8"):
"""Generate complete self-contained HTML presentation."""
# Build CSS, HTML slides, JS navigation
pass
def main():
input_file = INPUT_FILE # Set by the skill
ext = os.path.splitext(input_file)[1].lower()
if ext == ".pptx":
slides = extract_from_pptx(input_file)
elif ext == ".pdf":
slides = extract_from_pdf(input_file)
else:
print(f"Unsupported format: {ext}")
sys.exit(1)
title = os.path.splitext(os.path.basename(input_file))[0]
html = generate_html(slides, title)
output_file = os.path.splitext(input_file)[0] + "_presentation.html"
with open(output_file, "w", encoding="utf-8") as f:
f.write(html)
print(f"HTML presentation generated: {output_file}")
if __name__ == "__main__":
main()
```
### Step 5: 验证 (Verify)
用不同于生成路径的方式回读输出：
- 在浏览器中打开HTML，确认所有幻灯片正确渲染
- 测试键盘导航(← →)、全屏(F)、滑动操作
- 确认所有文字内容与源文件一致，无遗漏
- 验证中文字符正确渲染
- 检查响应式布局在移动端正常
- 确认文件大小合理（<10MB，除非源文件有很多大图片）
- 测试打印功能（包含@media print样式）
### Step 6: 交付 (Deliver)
返回结果，清理临时文件：
1. 告知用户输出文件路径
2. 说明可直接在浏览器中打开
3. 提及键盘快捷键：← →导航，F全屏
4. 提供文件路径便于复制分享
5. 如用户要求，可生成二维码供移动端访问
## Output
### 输出约束
- 单个HTML文件，完全自包含，零外部依赖
- 文件大小应合理（<10MB，除非源文件有很多大图片）
- 必须在Chrome、Safari、Firefox、Edge中正常工作
- 必须可打印（包含@media print样式）
- 保留源文件全部文字内容——不摘要或省略
- 中文字符必须正确渲染
### 输出文件命名
输出HTML保存到与输入文件相同目录，使用相同基础名 + `_presentation.html`。
## Guardrails
**Anti-patterns**
- NEVER 输出非自包含HTML——禁止外部CDN链接
- Do NOT 省略幻灯片或摘要内容——保留源文件全部文字
- Do NOT 在源文件含大图片(>2MB每张)时不警告用户HTML可能很大
- NEVER 将HTML保存到与输入文件不同的目录或使用不同基础名
- Do NOT 在依赖缺失时放弃——生成脚本并指导用户安装所需依赖
**Constraints**
- 输出必须为单个 `.html` 文件
- 支持 `.pptx` 和 `.pdf` 两种输入格式
- 依赖 `python-pptx` 和 `pymupdf`，缺失时指导安装
- 图片以base64 data URI内联
- 使用系统字体，不依赖外部字体
- 16:9幻灯片宽高比，最大宽度1200px居中
## Related Skills
- **pitch-deck-creator** — 从零创建专业pitch deck，然后转换为HTML完成从创建到分享的完整工作流
- **business-plan-ppt** — 创建18页中国风格商业计划书PPT，再用本技能转为网页分享
- **fundraising-bp-planner** — 在创建和转换deck前先梳理融资BP大纲
## About UniqueClub
This skill is part of the UniqueClub founder toolkit.
🌐 https://uniqueclub.ai
📂 https://github.com/wulaosiji/founder-skills