PPT Generator Skill
Professional presentation engine. Generates SVG pages and converts them to native editable PPTX via svgtopptx.
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. darkwarm (default) — dark warm tone, AI/tech feel
- consultant — white + blue, consulting style
- cloudorange — deep navy + orange, cloud/tech architecture
- aiops — full dark, ops/DevOps style
- techblue — blue tech, formal business
- smartred — red business
- exhibit — light showcase, data-heavy
- pixelretro — 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)
CODEBLOCK0
Phase 1: Read Design Spec
Load the target style's design spec and reference templates:
CODEBLOCK1
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) - Strictly follow design_spec.md for colors, fonts, and layout
- Do not use: foreignObject, clipPath, mask,
<style>, class - File naming:
01_cover.svg, 02_toc.svg, 03_chapter1.svg... in order - All text uses
<text> elements with font-family, font-size, INLINECODE11 - Background: full-coverage
<rect>. Decorations: <rect>/<circle>/<line>/ INLINECODE16 - Tables: manual
<rect> + <text> layout (no HTML tables) - Fill the page — avoid large empty areas
- Titles should state insights, not category labels
Suggested order:
- - Cover and ending first (set the tone)
- Chapter dividers next (consistent style)
- Content pages last (data-heavy, one at a time)
Phase 3: SVG → PPTX Conversion
svgtopptx converts SVG elements into native DrawingML shapes (not images):
- -
<text> → editable text boxes (double-click to edit) - INLINECODE20 → native rectangles (drag, recolor)
- INLINECODE21 /
<ellipse> → native circles - INLINECODE23 /
<path> → native lines/paths - Tables (rect + text combos) → editable shape groups
The output PPTX is fully editable in PowerPoint, just like a manually created file.
CODEBLOCK2
Phase 4: Cross Review (optional, requires user confirmation)
After generating the first draft, ask the user:
First draft is ready. Want to run a cross-review? Multiple reviewers check in parallel — more thorough but takes a few minutes.
If the user agrees and the agent supports subagents, run a review-fix cycle:
- 1. Round 1 (full review): Launch 5 reviewer subagents in parallel
- 🎤 Presentation Coach — narrative arc, flow, pacing
- 👥 Target Audience — simulated audience reaction, comprehension
- 🔬 Domain Expert — factual accuracy, technical depth
- 📋 Content Auditor — structure, typos, data consistency
- 👁️ Visual Inspector — layout, alignment, readability
- 2. Fix: Aggregate all issues, fix by priority (🔴 before ⚠️)
- 3. Round 2 (regression): 3 reviewers verify the fixes
- 4. Exit criteria: 🔴=0 and ⚠️≤3, or round≥4 force exit
Skip if user says "no review" or "just a quick draft".
Phase 5: Deliver
Only send the final version. Do not send intermediate versions unless the user asks.
Style Directory Mapping
| # | Style | Directory | Background |
|---|
| 1 | Dark Warm | dark_warm | Dark cover + light content |
| 2 |
Consultant | consultant | White + blue |
| 3 | Cloud Orange | cloud_orange | Deep navy + orange |
| 4 | AI Ops | ai_ops | Dark |
| 5 | Tech Blue | 科技蓝商务 | Blue |
| 6 | Smart Red | smart_red | Red |
| 7 | Exhibit | exhibit | Light |
| 8 | Pixel Retro | pixel_retro | Dark |
Default recommendation: dark_warm.
Design Spec Location
Each template in ppt-master-assets/templates/layouts/{directory}/ contains:
- -
design_spec.md — full design parameters - INLINECODE27 — cover template
- INLINECODE28 /
02_toc.svg — chapter/TOC page - INLINECODE30 — content page
- INLINECODE31 — ending page
Reference Documents
Key docs in ppt-master-assets/references/:
- -
strategist.md — strategist role - INLINECODE34 — top-tier consulting executor
- INLINECODE35 — SVG technical constraints
PPT生成器技能
专业演示引擎。生成SVG页面并通过svgtopptx将其转换为原生可编辑的PPTX格式。
包含8种布局模板,涵盖深色、浅色、咨询、科技等风格。
使用场景
- - 用户要求创建PPT/演示文稿/幻灯片
- 用户提供需要制作成PPTX的内容、大纲或数据
- 用户提及做个PPT、生成幻灯片、演示等
交互流程(必须遵循)
收到PPT请求后,不要立即生成。逐步引导用户:
第一步:确认主题和时长
收到,我来为您制作这份PPT。
主题:{从用户消息中提取}——对吗?
演示时长是多少?这将决定页数:
- - 10分钟 → 10-12页
- 20分钟 → 15-18页
- 30分钟 → 22-25页
- 45分钟 → 28-35页
时长是必填项——不可跳过。页数直接取决于时长。
如果用户已提供详细大纲,跳过主题确认但仍需询问时长。
第二步:选择风格
请选择风格(直接回复数字):
- 1. darkwarm(默认)——深色暖调,AI/科技感
- consultant——白色+蓝色,咨询风格
- cloudorange——深海军蓝+橙色,云/技术架构
- aiops——全深色,运维/DevOps风格
- techblue——蓝色科技,正式商务
- smartred——红色商务
- exhibit——浅色展示,数据密集
- pixelretro——像素复古,创意/趣味
第三步:确认大纲
根据主题和风格提出结构建议:
根据您的需求,建议结构如下(共{N}页):
P1 — 封面:{标题}
P2 — 目录
P3 — {第一部分标题}
...
P{N} — 结尾:{核心要点/行动号召}
需要调整吗,还是开始生成?
第四步:生成
仅在用户确认后开始。发送状态消息:
开始生成,预计需要X分钟。
然后执行以下技术流程。
第五步:交付与迭代
发送最终PPTX并附简要说明:
PPT已就绪,共{N}页。
如需修改,请直接说:
- - 更新第3页的数据
- 添加一页关于XX的内容
- 让颜色更深一些
技术流程(在第四步执行)
读取designspec.md + 参考SVG → 编写SVG文件 → svgto_pptx → 交付
阶段一:读取设计规范
加载目标风格的设计规范和参考模板:
ppt-master-assets/templates/layouts/{style}/design_spec.md ← 颜色、字体、布局规则
ppt-master-assets/templates/layouts/{style}/01_cover.svg ← 封面参考
ppt-master-assets/templates/layouts/{style}/02_chapter.svg ← 章节页参考
ppt-master-assets/templates/layouts/{style}/03_content.svg ← 内容页参考
ppt-master-assets/templates/layouts/{style}/04_ending.svg ← 结尾页参考
阶段二:生成SVG文件
使用write工具在/tmp/ppt_svgs/{style}/中逐页创建SVG文件。
SVG规则:
- 1. viewBox必须为0 0 1280 720(16:9)
- 严格遵守designspec.md中的颜色、字体和布局
- 禁止使用:foreignObject、clipPath、mask、