夜雨聆风今天分享两个和"做 PPT"相关的开源项目——但它们都不是传统的 PPT 模板工具。一个让 AI 直接生成一套完整好看的 HTML 幻灯片，一个让 AI 画出手绘风格的技术解释图。
🎨 beautiful-html-templates：告诉 AI"帮我做一套幻灯片"，它就能生成一整套 HTML 演示稿
做演示文稿这件事，最费时间的往往不是内容本身，而是排版、配色、找模板。能不能直接让 AI 根据你的内容自动生成一套完整的幻灯片？
beautiful-html-templates 就是解决这个问题的。它是一个 HTML 幻灯片模板库，专门为 AI Agent 设计——给它一个指令，它就能自动挑选合适的模板、填入内容、生成一套可以直接用的 HTML 演示稿。不需要手动调格式，AI 直接输出成品。
模板示例：Soft Editorial
模板示例：Editorial Forest
模板示例：Cobalt Grid
能做什么
34 套成熟模板，直接用
项目收录了 34 套经过设计的 HTML 幻灯片模板，每套都有独特的视觉风格。覆盖商务、创意、手绘、复古、学术等各种场景——比如"Soft Editorial"的暖色 serif 字体配浅绿粉色调、"Cobalt Grid"的电光蓝加图表纸质感、"Retro Windows"的 Windows 95 复古风格。只要选对模板，出来的效果完全不输专业设计。
告诉 AI 做什么，它自动选模板
这个库不只是模板合集，更重要的是它有一套给 AI Agent 看的操作手册（AGENTS.md）。AI 读懂你的需求后，会自动从 index.json 里匹配最合适的模板，克隆下来，改内容，生成最终成品。整个过程不需要你懂设计。
纯 HTML，跨平台可用
输出的都是标准 HTML 文件，任何浏览器都能直接打开。嵌入网页、演示、在不同系统间传递，都没有任何障碍。没有依赖 PowerPoint、没有依赖 Keynote，纯前端。
怎么用
最简单的方式：直接把这个指令发给任何支持 Agent 的 AI：
Clone https://github.com/zarazhangrui/beautiful-html-templates and follow the instructions in AGENTS.md to build me a beautiful HTML slide deck.AI 会自动克隆仓库、读 AGENTS.md、匹配模板、生成成品。如果想手动挑模板，可以直接看 GitHub 仓库 里的 Gallery，每套模板都有三张预览截图（封面页、中间页、结尾页），点击名称可以直接跳转到模板文件夹。
适合谁用
- 需要做演示但不懂设计的人：直接告诉 AI 要讲什么，AI 生成成品
- 开发者：可以集成到自己Agent工作流里，做项目汇报、技术分享
- 内容创作者：快速生成演示用的 HTML 幻灯片，配色版式都是现成的
GitHub：https://github.com/zarazhangrui/beautiful-html-templates Stars：1,553
✏️ ian-handdrawn-ppt：把文章或大纲，变成一套中文手绘风格的技术解释图
写技术文章需要一个好看的封面图，或者需要几张配图来解释复杂概念。最麻烦的不是画图，而是找到一张风格统一、符合内容、调性一致的图。
ian-handdrawn-ppt 是另一个思路的解决方案：它不是一个模板库，而是一个 AI Agent Skill（CoDEX Skill）。你给它一篇文章或课程大纲，它会先把内容拆解、规划叙事结构，然后再生成一组风格统一的中文手绘技术解释图。整个过程是"先理解内容，再生成图像"，不是简单的模板套用。
手绘风格示例：封面
手绘风格示例：正文配图1
手绘风格示例：正文配图2
能做什么
21:9 超宽封面 + 16:9 正文配图
ian-handdrawn-ppt 的标准输出是 PNG 格式的整页图像：21:9 的超宽封面图适合做文章封面，16:9 的标准页面图适合做正文配图。多页时会生成 contact sheet（拼图），方便快速浏览整套图的风格一致性。
中文手绘技术解释风格
这套图有统一的视觉 DNA：近白纸底（不发黄）、细手绘线条、淡蓝鼠尾草绿浅桃淡紫的标记色、中央图小而精、保留大量空白。不像 PPT 模板那样有明显的"模板感"，更像是手绘的技术笔记本风格。
先规划叙事，再生成图像
这是它和普通生图工具最大的区别。拿到内容后，它会先做 intake（判断主题、受众、目标），再规划叙事结构（选教学、说服还是报告结构），然后为每一页选择 archetype（封面隐喻、左右对比、流程图、循环等），最后再写图像 prompt 生成。每页都有一个清晰的叙事逻辑，不是随机拼图。
怎么用
安装到 Codex：
bash git clone https://github.com/helloianneo/ian-handdrawn-ppt.git mkdir -p "${CODEX_HOME:-$HOME/.codex}/skills" cp -R ./ian-handdrawn-ppt "${CODEX_HOME:-$HOME/.codex}/skills/"
在 Codex 里使用：
Use $ian-handdrawn-ppt 把下面这篇文章做成 1 张封面图 + 3 张正文配图。 风格保持中文手绘技术解释图，文字尽量短，每张图只表达一个观点。 <粘贴文章>只想规划不生图也可以：
Use $ian-handdrawn-ppt 先不要生图。 请把这篇内容规划成一套 10 页左右的中文手绘技术 PPT-style image deck。生成时推荐用 ChatGPT Image 2.0，同一套图最好锁定同一个模型和同一套 style，避免风格漂移。
适合谁用
适合的：
写中文技术文章，需要封面图和正文配图的人 做课程、训练营，需要把复杂概念视觉化的人 想把长文、提纲、讲稿变成视觉化页面的人 用 AI 做内容生产，希望图有统一风格的人
不适合的：
想要可编辑 PPTX 源文件的人 想要自动导出 PDF/PPTX 文件的人 想要复杂动效、交互式网页的人
注意事项
图里的中文文字越短越稳定，建议每页只表达一个核心观点 AI 生图可能出现错字、风格漂移，建议每页多生成几次再挑 中文渲染失败时，先减少字数再重生，不要默认第一张就是最终稿 PPTX/PDF 可以作为输入素材读取，但不是这个工具的输出格式
GitHub：https://github.com/helloianneo/ian-handdrawn-ppt
一句话总结
- beautiful-html-templates：AI 直接生成一整套 HTML 幻灯片，选好模板自动排版，不需要设计基础
- ian-handdrawn-ppt：把文章或大纲变成一套手绘风格的技术解释图，先规划再生成，风格统一