用 AI 把脑子里的架构画成图

这篇适合谁 / 不适合谁

适合：

• 要快速产出架构图、流程图、时序图、数据流图
• 图还会反复改，希望改文字就能重排
• 要导出 PNG/SVG 贴进文档或 PPT

不适合：

• 要求品牌级精修配色（AI 图是结构准确优先，不是美术）
• 已经有一套标准图标库要严格遵守（先给图标规范）
• 需要可编辑的源文件交给设计二次加工（选能导出的格式）

开始前准备什么

1. 结构描述：用自然语言或粘贴 Mermaid 写清节点和关系。
2. 图的类型：架构 / 流程 / 时序 / 概念，先定。
3. （可选）要贴进哪：文档、PPT 还是网页，决定导出格式。

操作步骤

1. 装 skill

archify 输出可探索的 HTML 图，复制目录到客户端技能目录（与一般 Agent Skill 装法一致）：

2. 用自然语言描述结构

画一张用户下单的时序图：
用户 → 网关(鉴权) → 订单服务(落库) → 库存服务(扣减)
库存不足时订单服务 → 通知服务(发短信)，并标记订单为失败。
深色主题，节点用圆角矩形，箭头标出消息名。

3. 贴 Mermaid 也能用

如果你已有 Mermaid，直接给 archify 当输入，它会渲染成可探索的 HTML 并支持导出。

4. 选风格

• 技术架构 / 云图：architecture-diagram（深色 SVG）
• 教学 / 概念：concept-diagrams（扁平极简）
• 手绘风流程图 / 时序图：excalidraw

会踩的坑

FAQ

能直接把图贴进 PPT 吗？

能。导出 SVG 或 PNG，PPT 里插 SVG 矢量最清晰，放大不糊。

已有 Mermaid 能用吗？

能用。archify 接受 Mermaid 输入并渲染成可探索的 HTML。

图要反复改怎么办？

保留文字描述或 Mermaid 源，改描述比改位图快得多。

深色主题能换浅色吗？

能，提示词里指定浅色主题即可；贴浅色文档时建议用浅色。

能画组织图 / 脑图吗？

架构和概念类图都行；纯脑图建议先用概念示意图起骨架。

相关指南

顺着这些场景接着看：

• 用 AI 做头脑风暴和思维导图
• 用 AI 生成图标和文章配图

相关源码

• tt-a1i/archify 源码
• NousResearch/hermes-agent · architecture-diagram 源码
• Agent Skill 开放格式规范

一句话结论

结论：把「画」变成「描述结构」，改文字比改图快十倍；要可改就保留描述或 Mermaid 源。