访问量： 13

每日热门技能分享

Vol.039 · Ian Handdrawn PPT 7步把文章变手绘课件图

2026-07-18 · 数据来源 GitHub · 1.2K Stars · MIT License


你是不是也这样 👇

写了一篇干货文章，想做几张配图——打开 PPT 套模板、用 Canva 拖拽、让 AI 画几张”科技感”插图。结果：要么模板味太重，要么风格和文字割裂，要么AI画的东西”看着像那么回事但经不起细看”。

课程课件、知识卡片、技术解释图——这些场景需要的不是”漂亮插图”，而是先理解内容、再统一风格出图的系统化方案。

这个 Skill 做的事很简单：

装到 Codex 里，丢一篇文章/课程大纲/讲稿进去。它先分析内容、规划叙事结构，再把每一页映射到合适的语义版式（封面隐喻/左右对比/流程/循环/分类/矩阵），最后锁定统一的视觉DNA，逐页生成完整的中文手绘技术解释图。

输出的不是可编辑 PPTX，而是直接能用的 PNG 页面图——21:9封面 + 16:9正文配图。

用了 Ian Handdrawn PPT 之后：

Before ▸ 写完文章找不到风格统一的配图
▸ AI 生成的插图千篇一律，”科技感”泛滥
▸ PPT 模板套出来信息密度高但阅读体验差
▸ 每张图都要单独调 prompt，风格无法统一
After ▸ 7步工作流从内容分析到出图全自动
▸ 6个参考文档锁定视觉DNA，跨页风格统一
▸ 语义版式映射：内容结构决定页面布局，不是套模板
▸ 一次丢全文进去，出来一套统一风格的 PNG 页面图

照着做，5 分钟拿到第一套手绘课件 👇

1克隆仓库 + 安装 Skill（30秒）

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/”

✅ 预期效果：Skill 安装到 Codex skills 目录，可被 $ian-handdrawn-ppt 调用

2丢文章进去（10秒）

Use $ian-handdrawn-ppt
把下面这篇文章做成 1 张 21:9 中文封面图
+ 3 张 16:9 正文配图。
风格保持中文手绘技术解释图，文字尽量短，
每张图只表达一个观点。

<粘贴文章>

✅ 预期效果：Skill 自动完成 intake → 叙事规划 → 版式映射 → 视觉DNA锁定 → 逐页生图

3拿到成品（2-5分钟）

# 只做规划不生图：
Use $ian-handdrawn-ppt 先不要生图。
请把这篇内容规划成 10 页手绘技术 PPT-style image deck。

# 课程课件：
Use $ian-handdrawn-ppt 把这份课程大纲整理成 8 页中文手绘课件图。

✅ 预期效果：得到 PNG 页面图 + contact sheet + slide blueprint summary

7 步工作流拆解

步骤 做什么 参考文档
01 读取材料 支持 Markdown/PDF/DOCX/PPTX/大纲 —
02 Intake 判断主题/受众/场景/素材充分度 intake.md
03 叙事规划 教学/说服/报告/产品解释/知识卡片 narrative-planning.md
04 版式映射 封面隐喻/对比/流程/循环/分类/矩阵 slide-archetypes.md
05 视觉DNA 锁定纸底/线条/色彩/字体/图形尺度 visual-dna-v6.md
06 逐页生图 每页独立 prompt + 中文文字 baked in prompt-patterns.md
07 质量验证 中文准确性/风格一致性/contact sheet output-quality.md

适不适合你？

✅ 适合你 写中文技术文章，需要统一风格的封面图和正文配图
✅ 适合你 做课程/训练营/工作坊，需要解释复杂概念的课件图
✅ 适合你 想把长文/提纲/讲稿变成视觉化页面的知识创作者
✅ 适合你 用 Codex 做内容生产，希望减少”模板 PPT 味”的人
❌ 不适合 需要可编辑 PPTX 源文件 / PDF / 复杂动效 / 矢量图的人

📎 转给正在跟”配图焦虑”死磕的同事

▸ GitHub：helloianneo/ian-handdrawn-ppt
▸ 推荐模型：ChatGPT Image 2.0（最佳），或其他高质量图像模型 + style lock
▸ 同作者推荐：Awesome Claude Code Skills / Obsidian AI Second Brain / Claude Code Handbook
▸ License：MIT，免费商用

💬 你平时给文章配图用什么方式？PPT模板还是AI生图？

评论区聊聊，看看谁的配图效率最高 👇

⚠️ 技能包来源于互联网，在使用前请自行复核开源文件，确认不存在安全隐患。

Vol.039 · 热门技能日报 · 数据来源 GitHub

每天发现一个值得关注的 AI 开发技能