热门技能日报 Vol.030 | Stick Figure Illustrations — 3分钟给文章配火柴人插图
每日热门技能分享
Vol.030 · 火柴人插图 Skill
2026-07-08 · 数据来源 GitHub
你是不是也这样 👇
写了一篇不错的技术文章 / README / PPT,内容干货满满,但通篇都是文字——没有一张配图。打开 Figma / Canva 画了两小时,出来的火柴人像电线杆,最后放弃配图直接发了。
结果:阅读量平平,转发率更低。没人愿意分享一篇纯文字的技术文。
这个 Skill 做的事很简单:
装到 Codex(或 Claude Code / Cursor)里,把你的文字粘贴进去,它自动帮你规划该在哪里配图、配什么图,然后一键生成有情绪的火柴人草图插图。
不用学 Figma,不用找素材,不用懂设计。粘贴 → 出图 → 完事。
做完之后你会看到什么?
| Before |
▸ 写 README 全篇纯文字,Star 增长缓慢 ▸ 技术文章配图全靠截图,模糊又不专业 ▸ PPT 里全是文字,听众第3页就开始走神 ▸ 每次画配图花 2-3 小时,最后放弃 |
| After |
▸ 粘贴文章 → 3分钟拿到完整的配图方案(shot list) ▸ 选几张生成 → 再花5分钟拿到所有插图文件 ▸ 火柴人有情绪、有动作、有标注,一看就懂 ▸ 文章分享率提升 3倍(据CSDN研究数据) |
照着做,3分钟看到效果 👇
1安装 Skill(30秒)
在 Codex 里发一句话:
请帮我安装这个 skill:
https://github.com/ZekerTop/stick-figure-illustrations
✅ 预期效果:Codex 提示安装成功,可以开始使用
2粘贴你的文章(10秒)
Use $stick-figure-illustrations
阅读下面文章,先不要生图。
<粘贴你的文章内容>
✅ 预期效果:Skill 返回 3-6 张配图方案(shot list),每张标注位置、主题、构图
3回复”生成 #1″(2分钟)
生成 #1 和 #2
✅ 预期效果:拿到有情绪的火柴人插图,直接插入文章/README/PPT 即可
适不适合你?
| ✅ 适合你 | 经常写技术文章 / README / Newsletter 的内容创作者 |
| ✅ 适合你 | 做 PPT / Keynote 但不想花时间画配图的人 |
| ✅ 适合你 | 想让 SaaS 产品空状态/错误页更友好的产品经理 |
| ❌ 不适合 | 需要商业级成品海报 / 复杂架构图(这个只出轻量草图) |
📎 转给正在为文章配图发愁的同事
▸ GitHub:ZekerTop/stick-figure-illustrations
▸ 搭配使用:capybara-illustrations(松弛感水豚版,适合社媒观点图)
▸ 9种预设:article / newsletter / carousel / slides / readme / saas-state / course / product-doc / thumbnail
▸ 14种构图:Before/After、Path、Container、Loop 等一图一种模式
💬 你平时给文章配图用什么工具?
评论区聊聊,看看谁的方法最高效 👇
Vol.030 · 热门技能日报 · 数据来源 GitHub
每天发现一个值得关注的 AI 开发技能