给老板汇报技术方案，最费劲的不是写代码，是画架构图。拖框、连线、对齐、调颜色，画完还怕跟实际代码对不上，被人一句"这图跟真实情况不符"直接打回。让 AI 画吧，它经常凭空编出根本不存在的模块和连线，看着漂亮，全是幻觉。

最近试了个叫 Archify 的项目，8k star，是个 Agent 技能（skill），能装进 Cursor、Claude Code、Codex、OpenCode 这些工具里。你丢给它一个代码仓库或者系统描述，它给你生成一张可交互、能分享的技术地图。

它跟一般 AI 画图最大的不一样，是"grounded"——每一条连线都能追溯到源码，不让它瞎编拓扑。你可以在图里搜节点、打开经过版本校验的源码位置、追踪某个模块的上下游可达关系和确切路由。也就是说图上画出来的每一笔，都是从你代码里真实读出来的，不是模型想象的。

支持五种图：架构图、流程图、时序图、数据流图、生命周期图。四套视觉预设，明暗双主题，还能加有限的动效。最后产出是一个自包含的 HTML 文件，附带 PNG、SVG、WebM 和 1200×630 的分享卡片，一个文件走天下。

安装与使用

安装一行命令：

npx skills add tt-a1i/archify -g

然后跟你的编码助手说一句就行，比如："分析这个仓库，用 archify 画一张高层运行时架构图，展示 8 到 12 个核心组件、一条主路径、外部依赖和信任边界。"它会把细节塞进卡片里，而不是往图上堆一堆连线搞得密密麻麻。

特色功能

Guided Story（引导演示）：你可以给架构图编排"章节"，演示的时候一段一段播放，跟着讲解走，不用自己在图上手忙脚乱地指来指去。

路由探针：能高亮两个节点之间最短的授权路径。

语义透镜：能对比不同角色之间的真实流量。

这些交互都在那个 HTML 文件里，发给别人打开就能玩。

合并前审查架构变更

它能把两个校验过的快照做对比，给你一个 Before / Delta / After 的视图，精确列出哪些节点加了、删了、改了、移动了、重新路由了。代码 review 的时候顺手看一眼架构层面的变化，比盯着 diff 猜强多了。

写在最后

Archify 采用 MIT 协议，商用无压力。它背后是做 Agent 记忆基础设施的 EverMind 在赞助。拿它把手头一个中等规模的服务映射了一遍，导出的分享卡片直接贴进了 README，同事说这图看着就很专业。以前画一张要磨半天，现在一句话的事。