我做了一个新的 Codex Skill：一键生成可编辑 PPT
NEW CODEX SKILL · LEARNDECK
一键生成 PPT
从主题到成稿
一个新的 Skill，叫 LearnDeck。你给它一个主题、一份提纲、一段课程资料或学习笔记，它就能帮你一键生成一套 PPT。
它适合快速做课程课件、内部培训、技术分享、读书会和研究汇报。生成出来的不是一次性图片，而是可以继续打开、改文字、调顺序、换页面风格的 PPTX 初稿。
一句话 — 把内容交给 AI，把第一版 PPT 交给 LearnDeck。
01
PART
它解决的是 Agent 交付问题
HTML 好生成，PPTX 才好协作
对会用 AI 的人来说，内容生成已经不是稀缺能力。真正麻烦的是：页面要能讲、能改、能被团队继续编辑。直接让模型写 PPTX 很难稳定；直接截图又失去编辑能力。LearnDeck 的取舍很明确：让 Agent 负责结构和 HTML，让浏览器负责排版坐标，让转换器负责重建 PPTX。
02
PART
流水线长什么样
JSON 计划、HTML 中间层、浏览器坐标、PPTX 重建
LearnDeck 的生成脚本本身不调用 LLM。它假设 Agent 已经把内容整理成一个 slides.json，里面包含标题、风格、页面布局、要点和指标。之后脚本确定性地写出 HTML，再走 HTML-to-PPT 转换。
node scripts/generate_ppt.js --slides slides.json --out-dir out --name demo --style clean --no-preview
03
PART
转换器具体做什么
Playwright 读页面，PPTXGenJS 重建对象
HTML-to-PPT 这一步会用浏览器加载本地 HTML 或 URL，等待网络和字体稳定，默认按 .slide 找每一页。它读取可见 DOM 的 bounding box、computed styles、文本 run、伪元素项目符号和内联 SVG，然后在 PPTX 里重建。
重建范围
TEXT标题、段落、列表、标签，尽量转成可编辑文本框。
SHAPE背景、卡片、圆角矩形、边框和项目符号，尽量转成原生形状。
SVG内联 SVG 会导出源文件，并用 PNG 预览放入 PPTX 以保证兼容。
CSS线性渐变尽量映射到 OOXML；复杂阴影、滤镜和径向效果会做近似。
边界也很明确 — 这不是像素级品牌稿生产器。复杂 CSS 会近似，CJK 字体在 Chrome、PowerPoint、LibreOffice 之间也可能有细微差异。它更适合交付“可继续编辑的一版好初稿”。
04
PART
五个单页风格样例
同一份 slide plan，换不同视觉方向
下面是用同一段 LearnDeck 介绍生成的五个单页 PPT 展示。每个样例都先生成 HTML，再转成可编辑 PPTX；这里放的是转图片后的预览，便于在公众号里看效果。
Clean：偏产品文档和技术教程，适合信息密度较高但不想太重的材料。
Academic：更像研究报告和课程讲义，适合读书会、论文导读、方法论拆解。
Warm：更亲和，适合训练营、内部启蒙课、非技术受众的知识材料。
Bold：视觉更强，适合公开分享、产品发布、需要快速抓注意力的主题。
Dark：适合 AI、工程、数据和工具链主题，放在技术分享里不违和。
05
PART
什么时候值得用
别把它当万能 PPT 设计师
我会把 LearnDeck 放在这些场景里：AI Agent 需要产出培训 PPT、课程大纲、技术教程、读书会分享、研究摘要、产品知识库说明。它的优势不是替代最终设计，而是把“从内容到可编辑 deck”的第一版做得足够快、足够结构化。
06
PART
安装和入口
作为 Codex Skill 使用
npx --yes github:LearnAIHubC/LearnDeck
安装后重启 Codex，使用 $learn-deck。如果你已经有本地 HTML 幻灯片，也可以直接走 HTML-to-PPT 转换，把现成页面变成可编辑 PPTX。
node scripts/html_to_ppt.js --input slides.html --out-dir out --name deck
我的判断
会 AI 的人不缺“生成内容”的工具，缺的是能稳定进入真实协作链路的中间件。LearnDeck 的价值就在这里：把 Agent 擅长的结构化生成，接到人类仍然高频使用的 PPTX 交付格式上。
#LearnDeck#Codex Skill#HTML to PPTX#AI Agent Workflow
