Html2Pptx

Convert HTML slides to PowerPoint presentations with accurate positioning using the html2pptx.js library. Using the html2pptx Library Every HTML slide must incl

ContentBranding
bykursku2,703 words

What is Html2Pptx?

What this skill does

Html2Pptx converts HTML-based slide designs into PowerPoint presentations with precise layout and styling fidelity. It leverages the html2pptx.js library to translate HTML elements, CSS styles, and positioning into PowerPoint shapes, text, and images, preserving fonts, colors, borders, and shadows according to strict formatting rules. This enables marketers to build presentation decks programmatically from web-native content while maintaining accurate visual structure.

Who it's for

This skill is ideal for performance marketers and agency strategists who need to automate branded deck creation from existing web assets or content management systems. It also benefits growth leads coordinating cross-team presentations, enabling consistent styling without manual slide recreation. SEO/PPC operators can use it to rapidly generate client reports or campaign summaries that align exactly with brand guidelines.

Key workflows

Practitioners typically start by authoring HTML slides with correct dimensions (commonly 16:9) and compliant tags for text and lists to ensure all content appears in the final deck. Next, they apply supported CSS styles on elements—like borders, backgrounds, and text formatting—following rules that restrict fonts to web-safe options and avoid unsupported features such as gradients. Then they use the html2pptx.js library to convert the HTML into PowerPoint slides, verifying that placeholders for charts or images are recognized properly. Finally, they rasterize complex visuals like gradients or icons as PNGs beforehand to embed them without rendering issues.

Common questions

How strict are the HTML requirements for slide content? All text must reside inside specific tags like `<p>` or `<h1>`-`<h6>`; text directly inside `<div>` or `<span>` will not appear in PowerPoint. Can I use custom fonts or web fonts? No; only universally available web-safe fonts are supported to avoid rendering problems. Are CSS gradients supported? No; gradients must be pre-rasterized as images and referenced in the HTML to display correctly in PowerPoint.

How to use in Metaflow

Attach the Html2Pptx skill to a Metaflow agent task that outputs or processes HTML slide content. When executed, it converts the HTML input into a PowerPoint file with accurate layout and styling based on the specified HTML and CSS rules. Expect the skill to handle text, shapes, and images correctly if the input follows the documented constraints and to require pre-rasterized images for unsupported effects. This skill streamlines generating presentation decks from web-native content formats while preserving branding consistency.

For broader context, see our roundup of claude marketing skills, and read common Claude Code content mistakes for related setup guidance.

Related skills