slide-upgrade

Slide Upgrade

Convert any input — PPTX, Markdown, or a plain prompt — into a visually stunning, Canva-quality HTML slide deck. Images are base64-encoded into the HTML; videos (too large for inline embedding) are copied to a media/ folder alongside the HTML with relative path references. The output looks like it was designed in Canva or Figma, not PowerPoint.

Design Philosophy

The output should feel like a contemporary creative portfolio or Canva template, not a corporate PowerPoint. Key principles:

• Massive, bold typography — headings should dominate the slide (100-200px, condensed, uppercase)
• Full-colour backgrounds — bold yellow, deep blue, rich black, vibrant red — not just white
• Confident whitespace — don't fill every pixel; let elements breathe
• Photo-forward layouts — images bleed to edges, use geometric crops (circles, arches, diagonals)
• Visual hierarchy through scale — the difference between heading and body should be dramatic (5-10x)
• Slide numbering — prominent slide numbers (01, 02, 03) add editorial structure
• Horizontal rules — use lines to separate and structure content, not boxes
• Type as hero — on many slides, the typography IS the design; no images needed

Inputs

PPTX File

1. Unzip the PPTX and parse the raw XML (see references/pptx-extractor.md) — do not use python-pptx, it misses videos, shape-fill images, and SVGs
2. Read each slide XML to extract text, images, videos, tables, and backgrounds
3. Redesign from scratch — don't try to replicate the PPTX layout; reimagine it with Canva-quality design
4. Base64-encode images for self-contained HTML; copy videos to a media/ folder alongside the HTML with relative path references

Markdown File

1. Read the .md file
2. Split on --- horizontal rules for slide breaks (if present)
3. If no explicit breaks, use heading hierarchy: # H1 = section dividers, ## H2 = individual slides
4. Parse content per slide, then design