一天涨 3902 星：archify 让 AI Agent 一键生成可验证的架构图

GitHub Trending 8-30 第一名：tt-a1i/archify 一天涨 3902⭐。它解决一个老问题——AI 生成的架构图无法被验证。archify 的方案是：让 Agent 生成”自包含的 HTML”，里面包含可执行的流程图、序列图、数据流图、生命周期图，任何人都能在浏览器里 step-by-step 复现 Agent 的推理过程。

它解决了 AI 架构图的三个真问题

我用过 Mermaid、draw.io、Excalidraw 配合 ChatGPT 画架构图，传统流程痛点明显：

1. 图能画，但”为什么这么画”说不清：Mermaid 输出代码，但 Agent 的设计逻辑全在上下文里，你只能看到结果看不到推导。

2. 图改不动：换组件就要重新生成，Agent 不记得你之前的修改。

3. 图没法验证：评审会上有人问”为什么这个服务调那个服务”，AI 答不上来。

archify 的核心创新是”自包含 HTML + motion（动效）“：每张图都嵌入完整的 Agent 推理步骤，鼠标悬停可以看到生成逻辑，点击可以展开数据流。

跟传统架构图工具的本质区别

| 工具 | 输出 | 可验证 | 可修改 | 协作 |

|—|—|—|—|—|

| draw.io | 静态 XML | ❌ | ✅ 拖拽 | ✅ 多人 |

| Mermaid | 静态 SVG | ❌ | ✅ 改代码 | ❌ |

| Excalidraw | 手绘风格 | ❌ | ✅ 拖拽 | ✅ 多人 |

| archify | 自包含 HTML + 推理 | ✅ | ✅ 改提示词 | ✅ 链接分享 |

怎么用

# 安装
npm install -g archify

# 给一个 Cursor / Claude Code / Copilot Agent 添加 archify skill
archify install --agent claude-code

# 用法示例
archify generate "画一个支付系统架构，包含用户、商家、网关、风控、账务" --animated
# 输出：当前目录下 archify-payment-20260830.html

生成的 HTML 是完全自包含的（CSS/JS 全部 inline），可以发邮件、上传 GitHub、嵌入 Notion，任何打开它的人都能看到完整的 Agent 推理路径。

该不该用

– ✅ 如果你经常用 AI 画架构图 → 立刻换 archify，省下 50% 解释时间

– ✅ 如果你做架构评审 / 系统设计分享 → archify 的”可验证”特性是杀手锏

– ⚠️ 如果你用 PlantUML / Visio 等专业工具 → archify 不是替代，是 AI 工作流补充

– ❌ 如果你需要印刷级精度 → archify 的 HTML 渲染不如专业工具精细

一句话结论

archify 把”AI 画架构图”从”结果展示”升级为”推理展示”。3902 星单日涨幅说明这是 AI Agent 时代最稀缺的工具类型——把”为什么”和”是什么”同时展示。

🔥 关注LC智趣厅

👇 关注不错过

— END —
LC 智趣厅 · 科技与生活的交点
ihygg.cn