PPT Generator Skill

Professional presentation engine. Generates SVG pages and converts them to native editable PPTX via svg_to_pptx.

Includes 8 layout templates covering dark, light, consulting, tech, and more.

When to Use

• User asks to create a PPT / presentation / slides
• User provides content, outline, or data that needs to become a PPTX
• User mentions "make a PPT", "generate slides", "presentation", etc.

Interaction Flow (must follow)

After receiving a PPT request, do not generate immediately. Guide the user step by step:

Step 1: Confirm Topic and Duration

> Got it, I'll make this PPT for you.

> Topic: "{extracted from user message}" — correct?

> How long is the presentation? This determines page count:

> - 10 min → 10-12 pages

> - 20 min → 15-18 pages

> - 30 min → 22-25 pages

> - 45 min → 28-35 pages

Duration is required — do not skip this. Page count directly depends on it.

If the user already provided a detailed outline, skip topic confirmation but still ask duration.

Step 2: Pick a Style

> Pick a style (just reply with the number):

>

> 1. dark_warm (default) — dark warm tone, AI/tech feel

>

> 2. consultant — white + blue, consulting style

>

> 3. cloud_orange — deep navy + orange, cloud/tech architecture

>

> 4. ai_ops — full dark, ops/DevOps style

>

> 5. tech_blue — blue tech, formal business

>

> 6. smart_red — red business

>

> 7. exhibit — light showcase, data-heavy

>

> 8. pixel_retro — pixel retro, creative/fun

Step 3: Confirm Outline

Propose a structure based on the topic and style:

> Based on your needs, here's a suggested structure ({N} pages):

>

> P1 — Cover: {title}

>

> P2 — Table of Contents

>

> P3 — {Section 1 title}

>

> ...

>

> P{N} — Closing: {key takeaway / CTA}

>

> Want to adjust anything, or shall I start generating?

Step 4: Generate

Only start after user confirms. Send a status message:

> Starting generation, estimated X minutes.

Then execute the Technical Flow below.

Step 5: Deliver and Iterate

Send the final PPTX with a brief note:

> PPT is ready, {N} pages total.

> Want changes? Just say:

> - "Update the data on page 3"

> - "Add a page about XX"

> - "Make the colors darker"

Technical Flow (executed in Step 4)

Read design_spec.md + reference SVGs → Write SVG files → svg_to_pptx → Deliver

Phase 1: Read Design Spec

Load the target style's design spec and reference templates:

ppt-master-assets/templates/layouts/{style}/design_spec.md   ← colors, fonts, layout rules
ppt-master-assets/templates/layouts/{style}/01_cover.svg      ← cover reference
ppt-master-assets/templates/layouts/{style}/02_chapter.svg    ← chapter page reference
ppt-master-assets/templates/layouts/{style}/03_content.svg    ← content page reference
ppt-master-assets/templates/layouts/{style}/04_ending.svg     ← ending page reference

Phase 2: Generate SVG Files

Use the write tool to create SVG files page by page in /tmp/ppt_svgs/{style}/.

SVG Rules:

1. viewBox must be 0 0 1280 720 (16:9)
2. Strictly follow design_spec.md for colors, fonts, and layout
3. Do not use: foreignObject, clipPath, mask,