阿喵前言
作为技术人或者产品经理,我们在写分享 PPT、技术博客或者向上汇报时,经常需要画各种复杂的架构图和流程图。用传统的 Visio 或 Draw.io 画出来的图往往显得过于冰冷、死板;而像 Excalidraw 那种充满温度的“手绘白板风”虽然深受大家喜爱,但纯靠自己一笔一划去拖拽排版,又极其耗费时间。
如果能让 AI 听懂你的技术方案,直接帮你“画”出带有中文注释的手绘风架构图呢?今天阿喵给大家介绍的开源项目——Ian Handdrawn PPT
项目介绍
an Handdrawn PPT 是一个 Codex Skill,用来指导 AI Agent 把内容整理成中文手绘技术解释图。它不是传统 PPT 模板,也不是可编辑 PPTX 生成器。它的目标是产出可以直接用于文章、课程、分享稿里的整页 PNG 视觉图。
多页时生成 contact sheet 方便快速检查、先理解材料,提炼叙事结构、再把每一页映射到合适的语义版式、统一锁定手绘视觉 DNA、每页生成一张完整 raster image。
效果演示


适合谁用
特别适合:
- 写中文技术文章,需要封面图和正文配图的人
- 做课程、训练营、工作坊,需要解释复杂概念的人
- 想把长文、提纲、讲稿变成视觉化页面的人
- 用 Codex 做内容生产,希望减少“模板 PPT 味”的人
- 想让 AI 先规划页面叙事,再生成图像的人
使用说明
由于这是一个 Codex Skill(指令/技能集),它的使用方式通常是将其配置到你现有的 AI 工作流中:
1. 获取 Skill 配置
前往 GitHub 仓库,仔细阅读作者提供的 README 或具体的 Skill 指令文件(通常是一段精心编写的 System Prompt 或系统提示词设定)。
2. 注入 AI Agent
打开你常用的 AI 智能体构建平台(例如 ChatGPT 的 My GPTs、Coze、Dify 等)。将 Ian Handdrawn PPT 的核心指令复制并配置到该智能体的“人设与回复逻辑”或“System Prompt”中,赋予它这项特定技能。
3. 对话出图
配置完成后,你只需要在对话框中告诉 AI:“请帮我解释一下什么是微服务架构”,或者把你的长篇技术文档丢给它。AI 就会根据 Skill 的规范,调动底层能力,为你生成一张排版精美、逻辑清晰的中文手绘技术解释图(通常是通过生成特定的前端代码、SVG 或配合特定的渲染引擎来实现)。
项目链接
如果你正在发愁下周的技术分享 PPT 太干瘪,或者想要给自己的 AI 助手增加一项极其硬核又酷炫的“画图”技能,快去研究一下这个项目吧:
- GitHub 项目主页: https://github.com/helloianneo/ian-handdrawn-ppt
- 适用人群: 架构师、开发工程师、产品经理、技术博主,以及热衷于捣鼓 AI Agent (智能体) 的极客玩家。
