ppt-generation

Generate HTML slide decks and export them as editable PPTX presentations.

8|2|Updated Apr 29, 2026
One-click install
npx skills add https://github.com/luojiaaoo/xpeech --skill ppt-generation-luojiaaoo
Or copy as Structured Prompt for Agent▼
Please help me install this Agent Skill.
Skill: ppt-generation
Source: https://github.com/luojiaaoo/xpeech/tree/main/xpeech/agent/skills/buildin/ppt-generation
Command: npx skills add https://github.com/luojiaaoo/xpeech --skill ppt-generation-luojiaaoo

SYSTEM DOCUMENTATION & REQUIREMENTS

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

What problem does it solve? Creating polished, on-brand presentations is slow and error-prone, and AI-generated slides often look generic or produce non-editable output. This Skill designs 16:9 slides with an HTML-first workflow, enforces brand asset and fact verification, and exports truly editable PPTX files where text can be double-click edited in PowerPoint. ## Core Features & Use Cases - HTML-first slide design: Builds 1920×1080 slides as independent HTML pages with a deck index player, keyboard navigation, auto-scaling, and print support. - Editable PPTX export: Translates HTML DOM elements into native PowerPoint text boxes and shapes via html2pptx.js and pptxgenjs, subject to four hard HTML constraints. - Design governance: Enforces brand asset protocols (logo, product images, color extraction), fact verification via web search, anti-AI-slop content rules, and a 20-style design philosophy library. - Use Case: A manager asks for a 12-page product pitch deck. The Skill verifies product facts, collects brand assets, builds two showcase pages to lock the visual grammar, generates the full deck as HTML, previews it in a browser, and exports an editable deck.pptx. ## Quick Start Ask the agent to create a 16:9 presentation on your topic and export it as an editable PPTX file.

Frequently Asked Questions about ppt-generation

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

FAQPage Schema
How do I convert HTML slides to an editable PPTX file?▼

Write each slide as a standalone HTML file with a 960pt × 540pt body, host the slides via a browser preview URL, then run export_deck_pptx.mjs with the slides directory, base URL, and output path. The script uses html2pptx.js to translate DOM elements into native PowerPoint text boxes.

What HTML constraints are required for PPTX export?▼

Four rules apply: all text must be wrapped in p, h1-h6, or li tags; no CSS gradients; backgrounds and borders only on div elements, never on text tags; and images must use img tags instead of CSS background-image. Violating these causes export errors or non-editable output.

Can I export slides with CSS gradients or animations to PowerPoint?▼

No. Gradients, web components, and complex SVG cannot be translated into editable PPTX because of PowerPoint format constraints. For visually rich decks, export to PDF instead, or rewrite the HTML under the four hard constraints and accept simplified visuals.

Why does html2pptx report that my HTML dimensions don't match the presentation layout?▼

The HTML body size must match the PowerPoint layout in physical inches. Use a 960pt × 540pt body, which corresponds to the LAYOUT_WIDE 13.333 × 7.5 inch layout. A 1920×1080px body maps to a nonstandard 20 × 11.25 inch size and fails validation.

What dependencies are needed to run the PPTX export script?▼

The export requires the npm packages playwright-core and pptxgenjs, plus a CDP_URL environment variable pointing to a remote Chromium browser. Playwright connects over CDP as a client only, so no local browser installation is needed.