pptx-hd

Convert HTML/CSS slide designs into editable PowerPoint decks.

Updated Mar 25, 2026
One-click install
npx skills add https://github.com/stromy-org/ai4comms-playground --skill pptx-hd
Or copy as Structured Prompt for Agent
Please help me install this Agent Skill.
Skill: pptx-hd
Source: https://github.com/stromy-org/ai4comms-playground/tree/main/.claude/skills/pptx-hd
Command: npx skills add https://github.com/stromy-org/ai4comms-playground --skill pptx-hd

SYSTEM DOCUMENTATION & REQUIREMENTS

💡 This Skill requires pptxgenjs, playwright, sharp, and includes scripts (resource) components.

What problem does it solve?

Creating brand-consistent, high-fidelity presentations from HTML/CSS is complex and fragile. PPTX-HD automates turning HTML/CSS slide designs into editable PowerPoint decks that preserve typography, colors, overlays, and branding.

Core Features & Use Cases

  • HD 16:9 decks (1280×720) produced from semantic HTML with token-driven styling
  • Google Fonts embedding and brand token integration for typography fidelity
  • Brand data integration (charter.json, tokens.css, manifest.json, guidelines.md) for logos, colors, and image overlays
  • End-to-end deck generation suitable for client pitches, marketing decks, and internal briefs with consistent branding

Quick Start

Run the build script to generate a branded HD PPTX from your HTML slides.

Frequently Asked Questions about pptx-hd

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

FAQPage Schema
How do I convert HTML and CSS slide designs into editable PowerPoint presentations?

You can convert HTML and CSS slide designs into editable PowerPoint presentations by using a build script that processes semantic HTML into a 1280x720 HD PPTX canvas, preserving typography, colors, and overlays. This automated process ensures high-fidelity brand consistency without manual formatting.

Can I use Google Fonts and brand color tokens when generating a PPTX from HTML?

Yes, you can embed Google Fonts and apply brand color tokens when generating a PPTX from HTML. The conversion process integrates a brand data system including tokens.css to ensure typography and color fidelity matches your original CSS slide designs.

What is the best way to automate creating branded client pitch decks from web code?

The best way to automate creating branded client pitch decks from web code is to process semantic HTML with token-driven styling through a dedicated build script. This converts your web layouts directly into editable 1280x720 HD PowerPoint files with consistent branding.

Does converting CSS gradients and image overlays into PPTX preserve high-definition fidelity?

Yes, converting CSS gradients and image overlays into PPTX preserves high-definition fidelity through per-element SVG rasterization and manifest data processing. This ensures complex visual elements from your HTML slides render accurately in the final PowerPoint file.

What canvas dimensions and format does the HTML to PPTX conversion target?

The HTML to PPTX conversion targets a 1280x720 HD canvas dimension in a 16:9 aspect ratio, outputting an editable PPTX format. This standard high-definition size ensures your presentations display clearly across modern projection and screen environments.