ppt-creator

Create PowerPoint presentations programmatically using PptxGenJS scripts and structured slide layouts.

Updated Apr 12, 2026
One-click install
npx skills add https://github.com/harunjeylan/pi-agent --skill ppt-creator-harunjeylan
Or copy as Structured Prompt for Agent▼
Please help me install this Agent Skill.
Skill: ppt-creator
Source: https://github.com/harunjeylan/pi-agent/tree/main/skills/ppt-creator
Command: npx skills add https://github.com/harunjeylan/pi-agent --skill ppt-creator-harunjeylan

SYSTEM DOCUMENTATION & REQUIREMENTS

💡 This Skill requires pptxgenjs, react-icons, react, react-dom, sharp.

What problem does it solve? Creating polished .pptx presentations manually is slow and repetitive, especially when you need consistent design, charts, icons, and layouts across many slides. This Skill automates the entire deck-building workflow, from outline to a finished .pptx file. ## Core Features & Use Cases - Scripted Deck Generation: Builds presentations with PptxGenJS using a multi-file structure (main.ts plus one file per slide) so individual slides can be edited without breaking others. - Design Guidance: Provides curated color palettes, font pairings, layout patterns, and spacing rules to avoid generic-looking slides. - Rich Content Support: Adds text, bullets, shapes, images, icons (via react-icons rasterized to PNG), tables, and styled charts. - Use Case: Ask for a 10-slide pitch deck on a market analysis topic; the Skill asks about audience and theme, drafts an outline, then generates a styled .pptx with charts and icons. ## Quick Start Create a 10-slide presentation about quarterly sales results with a modern ocean theme and save it as sales-q3.pptx.

Frequently Asked Questions about ppt-creator

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

FAQPage Schema
How do I create a PowerPoint presentation with PptxGenJS?▼

Create a new pptxgen instance, set the layout such as LAYOUT_16x9, add slides with pres.addSlide(), then place text, shapes, images, or charts on each slide. Finish by calling pres.writeFile with an absolute output path.

How do I add charts to a PowerPoint slide in JavaScript?▼

Use slide.addChart with pres.charts.BAR, LINE, or PIE and provide labels and values arrays. Style charts with chartColors, muted axis label colors, subtle grid lines, and data labels for a modern look.

Why does my PptxGenJS file get corrupted?▼

Corruption usually comes from using # prefixes in hex colors, encoding opacity in 8-character hex strings, negative shadow offsets, or reusing option objects across calls since PptxGenJS mutates them. Use 6-character hex and fresh objects each time.

Can I add icons to PowerPoint slides with PptxGenJS?▼

Yes, render react-icons components to SVG with ReactDOMServer, rasterize to PNG with sharp, then embed as base64 images via slide.addImage. Use a rasterization size of 256 or higher for crisp icons.

What slide layouts and dimensions does PptxGenJS support?▼

PptxGenJS supports LAYOUT_16x9 (10 by 5.625 inches), LAYOUT_16x10, LAYOUT_4x3, and LAYOUT_WIDE (13.3 by 7.5 inches). All element coordinates and sizes are specified in inches.