` with label below |
| Cards | `` with shadow and border |
| Timeline | Horizontal flex layout with dots and lines |
| Comparison table | Feature matrix with ✓/✗ icons |
### Slide-Type Specific Styling
For standard BP slides, apply enhanced styling:
1. **Cover slide**: Full-bleed dark background, large title, gradient overlay
2. **Pain points**: Colored cards in a grid
3. **Solution**: Feature cards with icons
4. **Business model**: Revenue breakdown with visual bars
5. **Product demo**: Centered image/mockup with callouts
6. **Competitive analysis**: Styled comparison table
7. **Traction**: Metrics row + timeline visualization
8. **Roadmap**: Phase cards with arrow connectors
9. **Team**: Avatar cards in a row
10. **Fundraising**: Key stats + bar chart for fund usage
### Python Script Requirements
The script must:
1. Accept input file path as variable or argument
2. Detect file type (.pptx or .pdf) and use appropriate extraction
3. Extract ALL text content preserving hierarchy (titles vs body)
4. Extract images and convert to base64 data URIs
5. For .pptx: extract shape positions, colors, font sizes to inform layout
6. For .pdf: extract text blocks with position data, embedded images
7. Generate complete HTML with inline CSS and JS
8. Handle Chinese and English text properly
9. Save output file and print the path
10. Dependencies: `python-pptx`, `pymupdf` (fitz), `base64`, `os`
### Script Template
```python
#!/usr/bin/env python3
"""BP to HTML Converter"""
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 BP 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()
```
5. **验证 (Verify)**
用不同于生成路径的方式回读输出：检查 HTML 文件存在、可在浏览器中打开、幻灯片数量与源文件一致、中文正确渲染、无外部依赖引用（grep 检查无 http/https CDN 链接）。
6. **交付 (Deliver)**
返回结果，清理临时文件：
1. Tell the user the output file path
2. Mention they can open it directly in a browser
3. Mention keyboard shortcuts: ← → for navigation, F for fullscreen
4. Ask if they want to adjust the color scheme or layout
5. Offer to serve it locally if needed (`python3 -m http.server`)
## Output
A single self-contained `.html` file saved next to the input file, named `{basename}_presentation.html`. The file includes inline CSS + JS, base64-embedded images, slide navigation (keyboard/click/swipe), progress bar, fullscreen mode, and mobile responsiveness. Works 100% offline in Chrome, Safari, Firefox, and Edge.
### Output Constraints
- Single HTML file, fully self-contained, zero external dependencies
- File size should be reasonable (< 10MB unless source has many large images)
- Must work in Chrome, Safari, Firefox, Edge
- Must be printable (include @media print styles)
- Preserve all text content from the source — do not summarize or omit
- Chinese characters must render correctly
## Guardrails
**Anti-patterns**
- NEVER output a multi-file HTML solution. The output must be a SINGLE self-contained HTML file. No external CDN links.
- Do NOT omit slides or summarize content. Preserve all text from the source file.
- NEVER use external fonts or JS libraries — everything must be inline or system-native.
**Constraints**
- If the source file contains large images (>2MB each), warn the user that the HTML may be large.
- Always save the HTML next to the input file with the same base name.
- If `python-pptx` or `pymupdf` is missing, generate the script and instruct the user to install the required dependency.
- Clean up temporary Python script files after successful conversion.
## Related Skills
- **business-plan-generator** — Create a professional BP pitch deck from scratch before converting it to HTML.
- **unique-club-founder-kit** — The complete AI founder toolkit by UniqueClub, including deck conversion and more.
- **skill-optimizer** — Audit and optimize SKILL.md files for discoverability and routing accuracy.
## About UniqueClub
Part of the UniqueClub founder toolkit.
🌐 https://uniqueclub.ai