GraphMind:用“搭积木”的思路做的概念绘图神器

分享一个特别有意思的脑洞，最新打磨出的 SKILL——文本AI绘图引擎（graph_mind）。

说起这个idea，得把时间拨回2018年的夏天。当时我在中科院自动化所跟着余老师实习，我们构造过一个“位置信息生成图片”的算法。时过境迁，现在的 AI 绘图（比如 Midjourney、DALL-E）早就一飞冲天了，全是直接把纯文字转为逼真的像素图片。

但是，我们真的每次都需要 AI 去“无中生有”算像素吗？

试想一下：你只是想把一篇晦涩文献里的知识点，或者备课时的一个复杂概念，画成一张清晰的结构图。这时候让大模型去凭空生图，不仅风格难控，而且大材小用。

于是，我想到了一个“偷懒”但也极其聪明的解法：回归计算机图形学和排版引擎的本质——组合（Composition）。

🧱 纯文本 AI 是怎么画图的？

整个思路就像搭积木：

1. 积木块 = 你的图片素材库：咱们在本地建个文件夹，放一堆常用的 PNG 透明底图片，比如素材_人1.png、素材_人2.png、素材_单位.png、素材_猫.png、素材_车.png……
2. 大脑 = LLM（大语言模型）：它负责理解你要讲解的概念，并在脑海里画一张“排版图纸”。
3. 胶水 = HTML/CSS：用来把积木按图纸粘好。

🪄 具体怎么用？

这个 SKILL 的用法超级简单粗暴：

👉输入：丢给 AI 一个待讲解的概念（比如“TCP三次握手”、“量子坍缩”），并告诉它你的 PNG 素材库在哪。
👉输出：AI 不直接画图，而是生成一个HTML 静态网页文件！

在这个网页里，AI 已经帮你把素材库里的猫猫、小人、车子调用了出来，根据概念逻辑排好了版（比如树状图、流程图、对比图），还贴心地加上了文字标注。

你只需要用浏览器打开这个 HTML，咔嚓一截图，一张完美的知识概念图就搞定了！而且由于是 HTML，你觉得哪里不合适，直接用鼠标拖拽微调、双击改字，完全是“活”的！

🌟 为什么这个思路绝佳？

• 极低的 Tokens 消耗：AI 只需要输出坐标和文本，不需要生成庞大的图像数据。

• 符合“空间换时间”的守恒定律：我们用本地的存储空间（素材库），换取了 AI 极高的生成效率和极低的算力成本。

• 高可控性：出的图不再是盲盒，你的素材长啥样，出来的图就啥画风。

• 下载地址:https://github.com/Luomin1993/graph_mind