设计圈终于等到了：一键生成教科书级概念图的 Skill

设计圈终于等到了：一键生成教科书级概念图的 Skill

如果你经常做产品说明、教学课件、技术方案，又懒得在 Figma/Illustrator 里从零画图，今天这个 Skill 值得立刻收藏。

concept-diagrams 是 NousResearch 开源的一个生成式设计工具，专门用来做「教科书级」概念图、机制图、系统图和物理结构图。它不是那种花里胡哨的 AI 绘图，而是生成干净、扁平、极简的 SVG 图表，直接输出成一个独立 HTML 文件，浏览器打开就能看，不用服务器、不用依赖。

这个 Skill 的审美很统一：9 套语义化配色、句子大小写排版、自动明暗模式切换。画出来的图长这样——物理实验装置、化学分子机制、数学函数曲线、飞机发动机剖面、智能手机爆炸图、城市 IoT 拓扑、甚至生命周期流程图，全都能 cover。它最适合教育类、说明类、科普类视觉，而不是暗黑科技风架构图。

为什么说它适合设计师和创作者？因为它的输出不是一张静态 PNG，而是一个带完整 CSS 的 HTML 文件。你可以直接嵌入网页、发给客户、或者二次编辑 SVG。模板里已经预置了 15 张示例图，改参数就能出图，学习成本极低。

使用门槛也低：Linux / macOS / Windows 都能跑，零外部依赖。只要你的 Agent 支持 skill 调用，丢一个 prompt 就能生成。如果你经常要做概念图、系统图、产品说明图，这个 Skill 能省下好几个小时的排版时间。

项目来自 NousResearch 的 hermes-agent 生态，MIT 协议，可商用可修改。对设计创意和 AIGC 方向的同学来说，这是一个很典型的「用生成式 AI 把重复劳动标准化」的工具。

GitHub：https://github.com/NousResearch/hermes-agent/tree/main/optional-skills/creative/concept-diagrams

GitHub: https://github.com/NousResearch/hermes-agent/tree/main/optional-skills/creative/concept-diagrams