别再截图画架构了，diagram-maker 直接帮你生成可交互图表

别再把思路画在截图里了，这个 Skill 直接帮你生成可交互图表

做设计、写方案、讲架构，最烦的不是内容难，而是把脑子里的关系画清楚。过去我们要么截个图贴进文档，要么打开 Figma 硬画，最后改一版还要重来一遍。

如果你在用 Claude Code 或 OpenAI Codex，推荐你试试 diagram-maker——一个可以把抽象思路直接转成图表的 Skill。它来自 openclaw/openclaw 仓库，在 SkillsMP 上已经拿到了 383k+ stars，属于当前设计/AIGC 类 Skill 里热度最高的一批。

它到底能做什么

• 生成 SVG / HTML 图：架构图、流程图、概念图、白板草图，直接输出可浏览器打开的成品。
• Excalidraw 白板输出：适合需要继续手改、协作评审的场景。
• 风格分层很清晰：教育类概念走 clean-svg，软件/云架构走 architecture-svg，草图/会议共创走 Excalidraw。

为什么说它适合设计/AIGC 场景

很多 AIGC 工具只会生成“好看但改不动”的图；diagram-maker 的巧思在于把“表达结构”和“视觉风格”拆开处理。你要的是产品逻辑图，它就帮你聚焦节点和连线，不会突然冒出奇怪光影。你要的是白板，它就给 Excalidraw 可编辑格式，方便团队继续批注。

对设计师、产品经理、独立开发者都很友好：不用离开 AI 对话界面，就能把文字描述直接变成图。省掉的就是来回切换工具、调整画布、导出多格式这些脏活。

怎么用

直接在 Claude Code / Codex CLI 里安装这个 Skill：

https://github.com/openclaw/openclaw/tree/main/skills/diagram-maker

安装后告诉它你要画什么，它会根据场景自动选 clean-svg、architecture-svg 或 Excalidraw。不管是画信息架构、系统拓扑、用户旅程，还是教学示意图，基本都能直接交付。

如果你也在找“能快速把思路视觉化”的工具，这个 Skill 很值得放进工具箱。

GitHub 地址：https://github.com/openclaw/openclaw/tree/main/skills/diagram-maker

GitHub: https://github.com/openclaw/openclaw/tree/main/skills/diagram-maker