LLMSkillHub
mirroredCopied from telagod/code-abyss under MIT. telagod has not claimed this page, and is not affiliated with LLM SkillHub.

telagod / creating-presentations

Processes PowerPoint presentation files (.pptx). Creates slides, rewrites templates, converts HTML to presentations, validates thumbnails, swaps layouts, and performs deep OOXML editing. Use when working with presentation files or slide decks. Do NOT use for Word documents, spreadsheets, or PDF files.

0
SKILL.md
3.8 KB

PPTX Processing

.pptx is a ZIP archive of XML and resources. Choose workflow by intent.

Workflow Decision

IntentWorkflowReference
Read textmarkitdown → markdown[thumbnails-and-conversion.md](references/thumbnails-and-conversion.md)
Analyze layout / comments / themeunpack → raw XML[thumbnails-and-conversion.md](references/thumbnails-and-conversion.md)
Create new from scratchhtml2pptx[html2pptx.md](html2pptx.md) + [design-patterns.md](references/design-patterns.md)
Create using templaterearrange + inventory + replace[template-workflow.md](references/template-workflow.md)
Edit existing slidesunpack → OOXML → pack[ooxml.md](ooxml.md)
Visual reviewthumbnail grids[thumbnails-and-conversion.md](references/thumbnails-and-conversion.md)

Iron Rules

  • Color choice is design — see [palettes.md](references/palettes.md), state your approach BEFORE code.
  • Web-safe fonts only — Arial, Helvetica, Times New Roman, Georgia, Courier New, Verdana, Tahoma, Trebuchet MS, Impact.
  • Layout matches content count — 2 items → 2 columns; 3 → 3; never force.
  • Validate visually — always generate thumbnails after creation, inspect for cutoff/overlap/contrast.

Create New (without template) — html2pptx

  1. MANDATORY — READ ENTIRE FILE: html2pptx.md. NEVER set range limits.
  2. Create HTML per slide (e.g., 720pt × 405pt for 16:9)

    • Use <p>, <h1>–<h6>, <ul>, <ol>
    • class="placeholder" for chart/table areas (gray bg for visibility)
    • CRITICAL: Rasterize gradients & icons as PNG via Sharp first, then reference in HTML
    • Use full-slide or two-column layout for charts/tables — never vertical stack
  3. Run scripts/html2pptx.js to convert

    • html2pptx() per HTML file
    • Charts/tables via PptxGenJS API on placeholders
    • pptx.writeFile() to save
  4. Visual validation — python scripts/thumbnail.py output.pptx workspace/thumbnails --cols 4

    • Inspect for: text cutoff, overlap, positioning, contrast
    • Adjust HTML margins/spacing/colors, regenerate, repeat

Create with Template

See [template-workflow.md](references/template-workflow.md) for full 7-step workflow (extract → inventory → outline → rearrange → inventory text → generate replacements → apply).

Edit Existing Presentation

  1. MANDATORY — READ ENTIRE FILE: ooxml.md (~500 lines). NEVER set range limits.
  2. python ooxml/scripts/unpack.py <file> <dir>
  3. Edit XML (primarily ppt/slides/slide{N}.xml)
  4. CRITICAL — validate after each edit: python ooxml/scripts/validate.py <dir> --original <file>
  5. python ooxml/scripts/pack.py <dir> <file>

Code Style

Concise code, no verbose names, no unnecessary print statements.

Dependencies

PackageInstallPurpose
markitdownpip install "markitdown[pptx]"Text extraction
pptxgenjsnpm i -g pptxgenjsCreate via html2pptx
playwrightnpm i -g playwrightHTML rendering
react-iconsnpm i -g react-icons react react-domIcons
sharpnpm i -g sharpSVG rasterization
LibreOfficeapt install libreofficePDF conversion
Popplerapt install poppler-utilspdftoppm
defusedxmlpip install defusedxmlSecure XML