干掉死板排版!专为 AI Agent 打造的 PPT 渲染引擎开源了:1020个精美版式,网页双击直改,一键生成 PPTX!

干掉死板排版!专为 AI Agent 打造的 PPT 渲染引擎开源了:1020个精美版式,网页双击直改,一键生成 PPTX!

干掉死板排版!专为 AI Agent 打造的 PPT 渲染引擎开源了:1020个精美版式,网页双击直改,一键生成 PPTX!

在当今的大模型与 AI Agent 时代,自动化生成各种文档、代码和报告早已不是新鲜事。我们只需给 AI 一段简短的提示词,它就能瞬间写出数千字的代码或详尽的方案。然而,当任务涉及到“生成幻灯片(PPT)”时,现有的工具链依然面临着极其尴尬的瓶颈:

1. “大图拼接”式导出:Gamma、Tome 等商业 AI PPT 工具固然精美,但免费额度极低,且导出的 PPTX 文件本质上只是“图片幻灯片”,文字和形状全部被压平成了不可编辑的图片,一旦要微调格式就必须回到其封闭的云端编辑器上付费订阅。

2. “排版简陋”的 Markdown 工具:诸如 Marp、Slidev 等开源 Markdown 转 Slides 工具,虽然能实现 100% 的可编辑和本地离线运行,但它们的样式高度受限,排版过于死板和单调。对于需要精美视觉汇报的职场人来说,拿这样的 PPT 去做路演或给老板汇报无异于“职业生涯终结者”。

3. “改个字要重新调 AI”的低效循环:许多工具生成的 PPT 无法就地编辑,哪怕只是改一个拼写错误或调整一两行数据,都得重新给 AI 灌入提示词重新生成一次,效率极其低下。

今天,我们要向大家强烈推荐一个全新的、真正解决上述所有痛点的 100% 开源项目:DashiAI PPT (github.com/chuspeeism/dashiAI-ppt-skill)。

这不仅是一个传统的 PPT 模板,而是一个专为 AI Agent 交互而设计的高性能 PPT 渲染引擎与交互 Skill。它打出了一个直击痛点的口号:“生成之后如何编辑,比生成本身更重要!”

它提供 12 套绝美的视觉风格、1020 个常用版式,最神奇的是,它生成的网页 PPT 每一页都自带独立的交互编辑控制台,你不仅可以直接双击修改文字、拖拽替换图片,还能一键将 HTML 页面逆向编译导出为在 Microsoft PowerPoint 和 Keynote 中 100% 可编辑的真实 PPTX 文件


1. 为什么说它是专为 AI Agent 设计的 “Skill”?

在传统的开发模式中,我们要生成一个 PPT,往往需要通过一个庞大的 GUI 客户端或者复杂的 Web 页面进行多次点击。但对于 Claude Code、Codex、Cursor、豆包等本地运行的 AI Agent 来说,它们擅长的是读写本地文件、解析 JSON 结构和执行终端 CLI 命令

DashiAI PPT 的底层设计完全迎合了 AI Agent 的这种“思维方式”:

Mermaid Diagram

干掉死板排版!专为 AI Agent 打造的 PPT 渲染引擎开源了:1020个精美版式,网页双击直改,一键生成 PPTX!

通过这种架构,AI Agent 只需要分析用户的 PPT 主题,然后输出一个符合 DashiAI PPT 协议的 goal.json 描述文件。随后,引擎会自动接管,在本地几秒钟内完成 PPT 的布局匹配、文案填充和 HTML 渲染。这种声明式的开发范式让 AI 生成 PPT 的速度和成功率提升了数倍。


2. 12 套大师级视觉主题与 1020 个丰富版式

为了打破 AI 生成 PPT 容易产生的“廉价感”,DashiAI 团队与多位专业 UI/UX 设计师合作,打磨了这套极其考究的视觉系统。

2.1 涵盖所有商业场景的 12 套设计语言

项目内置了 12 套视觉主题,每一套主题都拥有独特的配色、网格系统和排版逻辑,绝非简单的背景图替换:

轻拟态风:利用渐变与微弱阴影模拟真实物理质感,非常适合产品介绍、企业汇报和中高端方案说明。

炫光紫绿风:高饱和度的炫光与深色背景结合,专为科技发布会、AI/自动驾驶及极客主题打造。

深浅代码风:采用等宽字体与类终端语法高亮排版,技术方案、架构演进及开发者大会的完美选择。

玻璃糖果风:通透的磨砂玻璃质感,洋溢着年轻、活力的潮流气息,适合时尚品牌或创意提案。

色谱图表风 / 深色图谱风:针对海量复杂数据的可视化设计,让枯燥的数据报告、KPI 复盘显得极其专业。

黑金实验风 / 深蓝杂志风 / 金色指数风:面向高端金融、投资路演、品牌故事及人物访谈的定制风格。

2.2 1020 个版式库,覆盖 20 种幻灯片角色

DashiAI PPT 将每一页幻灯片定义为特定的“信息角色”,例如:封面、目录、章节分隔、指标数据、趋势对比、流程关系、展望结尾 等。版式库包含多达 1020 个即用页面,包括:

数据图表页:折线图、瀑布图、雷达图、桑基图、漏斗图等几十种专业图表,数据和论点均可由 AI 自动改写并响应式呈现。

经典分析模型:内置 SWOT 分析、波特五力模型、PEST 分析、商业模式画布、AARRR漏斗等。

架构与关系图:泳道图、甘特图、脑图、层级分层图及网络拓扑。


3. 底层揭秘:“就地编辑控制台”与“PPTX 逆向编译”

让很多开发者感到惊艳的,是 DashiAI PPT 的两个核心技术亮点:网页端就地编辑控制台HTML 矢量逆向编译

3.1 每一页自带编辑控制台的网页 PPT

传统的网页 PPT(如 Reveal.js)只读属性很强,一旦生成,用户只能通过修改源 Markdown 或 HTML 代码来改动内容。

DashiAI PPT 在渲染输出的 HTML 单文件中注入了一个超轻量的前端控制台。当你在浏览器中打开生成的幻灯片时:

1. 所见即所得的文字/图片替换:双击任意文本框可以直接修改文字,外围的自适应装饰线条(例如点缀框、标签背景)会根据你输入的字数实时拉伸重绘;点击图片占位符或将本地图片拖拽进去,即可瞬间替换,无需接触任何代码。

2. 滑杆调节模块数量:比如一页展示 3 个要点,你觉得不够,只需拖动控制台的滑杆调到 4,页面会自动响应式重新排版,分出 4 个等宽的栏目并补齐占位文案。

3. 一句话切换布局与图表:可以在页面控制台中一键将柱状图换成饼图,或者改变当前页面的布局网格。

3.2 逆向编译:如何生成 100% 可编辑的 PPTX?

这是最显技术功底的部分。DashiAI 团队将 HTML Deck 导出为 PPTX 的子包 html-deck-to-pptx 以 MIT 协议独立开源。

它的核心工作原理是:

1. DOM 树结构分析:引擎并不采用传统的“无头浏览器截图(Puppeteer Screenshot)”方案,而是逐个解析当前 HTML 页面中的 DOM 节点。

2. 矢量化与样式映射:将 HTML 中的 CSS Grid/Flexbox 布局计算为绝对像素坐标,提取文本的 font-family、font-size、颜色(hex/rgb)以及 SVG 路径的矢量坐标。

3. Office Open XML (OOXML) 重构:使用 OOXML 规范在内存中重新构建 PowerPoint 的 XML 文件包(包括 presentation.xml, slide.xml 等)。所有的 HTML 文本元素都会映射为真正的 PPT 文本框(Text Box),SVG 矢量图形映射为 PPT 的内置形状(Shape)。

4. 无损打包:最后将这一系列 XML 文件压缩打包为标准的 .pptx 文件格式。

当用户下载该文件并在 Microsoft PowerPoint 或 Apple Keynote 中双击打开时,会惊讶地发现:所有的文字依然可以双击修改字体和大小,所有的逻辑框线、背景装饰都是可以直接拖动、缩放的矢量矢量图形,而不是一张死图!


4. 5分钟实战:在本地驱动 AI Agent 自动生成 PPT

下面,我们以 Codex / Cursor 终端为例,演示如何在 5 分钟内上手使用这个强大的工具:

4.1 安装 Skill 插件

如果使用的是 Claude Code,可以直接在官方插件市场中一键安装:

/plugin marketplace add chuspeeism/dashiAI-ppt-skill
/plugin install dashiai-ppt@dashiai-ppt-skill

如果是 Codex、Cursor 或者需要在你自己的 Python/Node.js 项目中调用,只需执行:

npx skills add https://github.com/chuspeeism/dashiAI-ppt-skill --skill dashiai-ppt

4.2 撰写你的 PPT 需求

在你的工作区创建一个需求文件,或者直接给你的 AI Agent 发送命令:

Prompt: “帮我写一份关于《2026年企业 AI 降本增效实践方案》的 PPT,受众是公司管理层,要求包含 PEST 分析模型、一个 4 阶段的落地路线图,以及预期的 ROI 数据对比图表。风格指定为『深色图谱风』。”

4.3 AI 自动规划与渲染

AI Agent 收到命令后,会自动在后台将大纲解析并转译为 goal.json,然后调用本地的命令行工具进行渲染:

dashiai-ppt generate --config ./goal.json --output ./output/ai-efficiency.html

4.4 网页预览、微调与交付

命令执行完毕后,AI 会给你输出一个本地链接:file:///e:/your-project/output/ai-efficiency.html。 双击在 Chrome 中打开:

• 按下左/右方向键即可体验流畅的 液态形变(Liquid transition) 翻页动画。

• 如果发现 PEST 分析中的某项文案太长,直接双击网页上的那个气泡框,直接就地修改缩减字数。

• 点击页面右下角的【导出】按钮,选择【导出可编辑 PPTX】。

• 打开下载好的 ai-efficiency.pptx,直接用它完美地完成你的工作汇报!


5. 总结与设计哲学

DashiAI PPT 开源项目的诞生,不仅解放了深受 PPT 折磨的职场人,更指明了“AI 原生应用”的一种新方向:AI 负责结构化生成(1 到 80),而人类通过极其便利的本地交互工具完成细节把控和个性化微调(80 到 100)

它摒弃了将所有控制权都交给 AI 的极端思路,通过提供高密度的本地编辑接口,把“交付的决定权”重新交还给了人类。

如果你也对制作幻灯片感到头疼,或者正在开发自己的 AI Agent 工具,不妨赶紧去 GitHub 给这个项目点个 Star 吧!


欢迎关注边学边练。如果您对 AI 自动化生成幻灯片或者 html-deck-to-pptx 的底层 XML 重构技术有任何疑问或心得,欢迎在下方评论区留言,我们一起交流讨论!

文章版权声明:除非注明,否则均为边学边练网络文章,版权归原作者所有

相关阅读

最新文章

热门文章

本栏目文章