skills.rest
Emily27-alt
Emily27-altCOMMUNITY
Explore all skills by this author →
GitHub

html-to-pptx

Converts HTML slide decks into editable PowerPoint (.pptx) preserving layout, typography, colors, and assets.

20|1|Updated Apr 25, 2026
Search Tags:#html#presentation#pptx#conversion#layout-preservation#css-to-pptx
One-click install
npx skills add https://github.com/Emily27-alt/html-to-pptx --skill html-to-pptx-emily27-alt
Or copy as Structured Prompt for Agent▼
Please help me install this Agent Skill.
Skill: html-to-pptx
Source: https://github.com/Emily27-alt/html-to-pptx/tree/main
Command: npx skills add https://github.com/Emily27-alt/html-to-pptx --skill html-to-pptx-emily27-alt

SYSTEM DOCUMENTATION & REQUIREMENTS

What problem does it solve?

Convert an existing HTML slide deck into an editable PowerPoint (.pptx) while preserving layout, typography, colors, and assets, so users can polish their designs directly in PowerPoint.

Core Features & Use Cases

  • Native PPTX content: text boxes, shapes, and images laid over pre-baked gradient backgrounds for editable output.
  • Background handling: gradients are baked to PNGs because PPTX doesn't support gradient fills, with per-slide QA and compatibility checks.
  • CSS-to-PPTX mapping: converts px to inches and letter-spacing to pptxcharSpacing, handles font tokens and cross-platform export workflows.
  • Use Case: you have an HTML deck and need a hand-editable PowerPoint for localization or final polish.

Quick Start

Convert the provided HTML deck into an editable .pptx and verify that layout, typography, colors, and assets are preserved.

Frequently Asked Questions about html-to-pptx

High-intent search queries and answers about installing and using this skill.

FAQPage Schema
How do I convert an HTML presentation into an editable PowerPoint?▼

To convert an HTML presentation into an editable PowerPoint, the Skill transforms HTML slide markup into native PPTX elements like text boxes, shapes, and images while preserving the original layout and typography for direct hand-editing.

Can I preserve CSS gradients when exporting HTML slides to PPTX?▼

CSS gradients cannot be natively rendered in PPTX, so exporting HTML slides bakes gradient backgrounds into PNG images. This ensures visual fidelity while maintaining cross-platform compatibility for your presentation.

How does CSS layout mapping work during HTML to PPTX conversion?▼

HTML to PPTX conversion maps CSS layout properties by converting pixel units to inches and translating letter-spacing into pptxcharSpacing, ensuring typography and layout fidelity in the final editable PowerPoint file.

Does HTML to PPTX conversion work on both Windows and macOS?▼

HTML to PPTX conversion supports cross-platform export workflows, functioning correctly with PowerPoint on Windows and utilizing soffice on macOS or Linux to generate and verify editable output files.

Why does my PowerPoint export show gradients as flat images instead of editable fills?▼

PowerPoint exports show gradients as baked PNG images because the PPTX format does not support native gradient fills. This per-slide baking process preserves the original visual design within technical format limitations.

What is the best way to turn an HTML deck into a PPTX file for localization?▼

The best way to turn an HTML deck into a PPTX file for localization is converting HTML sections into native text boxes and shapes, allowing teams to directly polish and translate text within standard presentation software.

Related Skills

Explore More Design & Creative Skills→
lastdays03lastdays03

pptx

Convert HTML/CSS layouts into PPTX slides with PptxGenJS.

Community
Advanced
IceWhaleTechIceWhaleTech
4

pptx

Creates, edits, duplicates slides and updates chart data in .pptx files.

Official
Intermediate
OwnLabAIOwnLabAI
21

pptx-posters

Generate PPTX-ready research posters from HTML/CSS templates with AI visuals.

Official
Advanced
pinion05pinion05
3

pptx

Read, edit, and generate PowerPoint slide decks with Python scripts.

Community
Advanced