HTML Slide Deck to PPTX Converter

Problem

HTML/CSS slide decks are easy to present in a browser, but they are not easy to edit offline, annotate, or reformat later. Screenshotting pages into PowerPoint creates image-heavy slides where titles, tables, and metric boxes cannot be reused. html-to-pptx-converter focuses on converting the content structure of web slides into native PPTX elements while keeping them editable.

How It Works

The skill uses a hybrid pipeline: Python with BeautifulSoup parses the HTML and extracts titles, bullets, metrics, tables, and layout hints into structured JSON; Node.js then uses PptxGenJS to map that JSON to slide objects in a 10in x 5.625in coordinate system.

• Native elements: Prefer addShape and addText over screenshots so the deck remains editable.
• Data slides: Use colored rectangles with large text boxes to highlight key numbers.
• Layout mapping: Convert HTML grid or flex layouts into explicit X/Y coordinates, such as separate left and right columns.
• Branding: Align slide backgrounds with the HTML background color or a close gradient approximation.

Boundaries and Notes

It is best suited to structured web decks with clear titles, lists, metrics, and tables. It is not a generic PDF-to-PPT converter and should not be expected to reproduce every CSS detail or animation. Practical gotchas include: PptxGenJS colors should be hex values without #; use broadly supported fonts such as Arial; table height does not automatically push following elements downward, so the current Y position must be advanced based on row count.