>_ DevTrendszh

语言

首页

语言

板块

前端 后端 移动端 DevOps AI / ML 游戏开发 区块链 嵌入式 安全
JavaScript

如何将 AI 智能体变成交互式演示文稿生成器

通过神经网络生成演示文稿的结果通常如出一辙。模型要么输出一堆文字乱码的图片,要么生成一个枯燥的 PowerPoint 模板,其中一半的区块都对不齐,图表看起来像是手绘的。手动修复这些结果比直接在 Figma 或 Keynote 中从头开始制作幻灯片还要费时。

最近我发现了 dashi-ppt-skill——这是一个由中国开发者 chuspeeism 创建的项目。该仓库在 GitHub 上迅速获得了近六千颗星,原因显而易见。作者从一个出人意料的角度解决了这个问题。他的工具不是直接痛苦地渲染二进制 PPTX 文件,而是生成一个可交互的 HTML 页面,内置可视化编辑器,只需点击一次即可转换为完全可编辑的 PPTX 或 PDF 文件。

Demo

底层原理与工作机制

本质上,这是一个面向 AI 智能体的技能。你可以将其喂给 Claude Code、Codex、Cursor 或任何其他可以读取文件并运行终端命令的智能体。

思路很简单。LLM 擅长处理结构化文本和代码,但在专有格式中精确定位形状方面表现糟糕。这就是为什么 dashi-ppt-skill 将整个流程分解为清晰的步骤:

  1. 智能体会分析你的文档或提示词,并从 12 种视觉主题中推荐一种。
  2. 从模板库中选择合适的布局(数据库包含超过一千种不同幻灯片类型的布局变体)。
  3. 在本地组装一个 HTML 演示文稿,其中每张幻灯片都作为一个独立的小应用,带有各自的控制面板。
  4. 你打开浏览器,直接在幻灯片上编辑文本、调整网格滑块,然后将结果导出为 PPTX。

导出为 PPTX 时,文本仍保持为文本格式,不会变成光栅截图。你可以打开最终文件在 PowerPoint 或 Google Slides 中继续编辑。

HTML vs PPTX comparison

可用的主题与布局

仓库内置了 12 种设计主题:从严谨的代码风格和深色分析仪表盘,到霓虹渐变和杂志风格。

| | | |---|---| | theme01
theme01 | theme02
theme02 | | theme03
theme03 | theme04
theme04 | | theme05
theme05 | theme06
theme06 | | theme07
theme07 | theme08
theme08 | | theme09
theme09 | theme10
theme10 | | theme11
theme11 | theme12
theme12 |

每个主题都包含一组现成的模板:时间线、漏斗图、SWOT 矩阵、波特的五力模型、PEST 分析矩阵和甘特图。

Analytical models

Popular layouts

核心功能——直接在浏览器中编辑

大多数 AI 工具都需要再次询问机器人:「把第三点写短一点」或「把三列改成四列」。在这里,这些需求直接在生成的 HTML 界面中就能解决。

点击任意标题或段落,实时编辑文本,邻近元素会自动调整高度。

| 原地文本编辑 | 添加图片 | |---|---| | Text editing | Inserting images |

对于图片,系统会创建现成的占位框:你可以直接从文件夹拖拽文件,引擎会自动压缩到所需分辨率。

Filling placeholders

每张幻灯片右侧会打开一个带滑块的控制面板。改变主意想要三张卡片而不是两张?拖动滑块——现在变成四张卡片了。需要把图表类型从柱状图改成饼图?只需点击一次即可完成,无需重启智能体。

| 元素数量滑块 | 布局切换 | |---|---| | Element slider | Layout switching |

| 图表类型切换 | 调色板设置 | |---|---| | Chart switching | Palette selection |

幻灯片切换动画也可以在那里配置:

Transition animations

Chart tour

快速启动与系统要求

需要 Node.js 20 或更高版本。

启动和安装只需一条命令:

npx dashi-ppt-skill@latest

如果你在给 AI 智能体下达命令(例如在 Claude Code 中),只需写:

Установи и используй скилл: npx dashi-ppt-skill@latest

当智能体组装好演示文稿结构后,你可以通过控制台导出:

npm --prefix ./project run export:pptx -- ./output/presentation.pptx
npm --prefix ./project run export:pdf  -- ./output/presentation.pdf

Export to PPTX

导出功能在底层使用了无头浏览器,因此你的机器上必须安装 Chrome、Chromium 或 Edge。如有需要,可以通过环境变量 CHROME_PATH 传递可执行文件的路径。

隐私与安全

很多人对将内部报告交给第三方 SaaS 服务心存顾虑。在这里,所有渲染和导出都在你的电脑上本地运行。唯一的网络调用是初始的 npm 包下载和后台检查新版本号。没有文本或图片被发送出去。

关于许可证:主要代码采用 AGPL-3.0 协议开源。但是转换模块 html-deck-to-pptx 被标记为作者的专有组件,允许作为此技能的一部分使用,但不能提取到单独的闭源产品中。

谁会从这个项目中受益

如果你经常需要制作项目报告、竞品分析、架构评审或技术meetup材料,dashi-ppt-skill 会帮你完成最繁琐的部分。你给智能体提供原始笔记或 markdown 文档,得到整洁的布局,然后在浏览器窗口中花几分钟润色文本。对于像素级精确的设计,这个项目可能不太适合,但作为快速准备工作演示文稿的工具,它看起来非常出色。

相关项目