美观且支持实时更新的架构图,也能用AI一键生成了!


GitHub最热架构图Agent,开发者故事看哭了


相信大家在日常手动绘图工作中,都有被画布需要反复调整拉扯、代码更新后图片又容易过期的问题烦到过。


用Mermaid生成虽然方便,但复杂一点就可能箭头乱飞,最后还得手动修改。


现在,一个登上GitHub Trending的开源项目Archify,把这件事压缩成了一句话:


分析这个代码仓库,并生成一张高层运行时架构图。


然后一张可以搜索节点、追踪调用路径、切换主题的HTML格式架构图就生成了。


GitHub最热架构图Agent,开发者故事看哭了


GitHub最热架构图Agent,开发者故事看哭了


而且它还不挑模型,无论你是Claude Code、Codex、Cursor还是什么其他别的Agent,它都能跑。


GitHub最热架构图Agent,开发者故事看哭了


截至发稿,Archify已经在X上收获了多条10万赞正向测评反馈,狂揽1.9kFork3.14万Star一鼓作气冲上了GitHub热榜第一。


GitHub最热架构图Agent,开发者故事看哭了


大家忍不住感叹:


感谢Archify,我至少省了四五个follow up会了。


GitHub最热架构图Agent,开发者故事看哭了


但令人意外的是,做出这款热门AI Agent的开发者“也无风雨也雾晴”,却并非名校出身。


他读过专科,后以专升本考试第一名的成绩考入重庆邮电大学软件工程专业。


Archify走红后,他在自己的X账号中略带伤感地调侃道:


我当过保安、学过修车、也进过厂、甚至曾好不容易闯过了字节飞书、猿辅导等大厂的重重面试,总以为Offer近在咫尺,但却都在背调的时候,被他们发现了我读过专科、于是我只好遗憾离场。

毕业那年,我总会遇到这样的事,明明面试时聊得好好的,但每当我说出我是“专升本”之后,HR那边就没有下文了。(苦笑)


GitHub最热架构图Agent,开发者故事看哭了


他坦诚道,在Offer一个个挂掉之后,自己痛苦过、质疑过、迷茫过、甚至还马上下楼跑了个5公里。


但他一直都没有放弃。


后来,在Manus COO Cz Chen的鼓励下,他选择用Archify向所有人证明:


出身微寒不是耻辱!


一句话,把代码变成系统地图


Archify是一个面向Claude Code、Codex、Cursor和OpenCode等AI智能体的Agent Skill。


你可以给它一段系统描述,也可以让Archify直接帮你分析代码仓库。


Archify理解代码后,就会先生成结构化的JSON IR,再由Archify完成Schema、布局和渲染检查,最终输出一个独立的HTML文件


GitHub最热架构图Agent,开发者故事看哭了


整个过程大致如下:


代码或文字描述→Archify理解→生成JSON IR→规则验证→渲染HTML/SVG→交互与导出。


它目前可以生成架构图工作流图时序图数据流图生命周期图五类技术图。


而且它生成的图片不只是能用来看,你还可以通过搜索节点、查看某个模块的上下游、追踪两个节点间的路径;可以随心切换深浅主题,导出PNG、SVG、WebM及分享卡片。


GitHub最热架构图Agent,开发者故事看哭了


如果对结果不满意,你也可以随时吩咐Archify修改,be like:


加入Redis。


把认证模块移到左边。


突出缓存失效后的回退路径。


GitHub最热架构图Agent,开发者故事看哭了


但问题又来了,Mermaid、D2等文本生成图工具早就有了,Archify有啥独特的地方呢?


答案是,它并不只是用文本生成图,而是将绘图能力直接嵌入编程Agent的工作流,让Agent能够理解代码、生成GIF格式图表并持续修改。


相比之下,Mermaid、Graphify只是主要负责把已有的文本描述渲染成图片,而且可能还没有Archify做得漂亮。


GitHub最热架构图Agent,开发者故事看哭了


它不只是更好看的Mermaid


Archify真正不同的地方,在于它把绘图工具嵌入了编程Agent的工作流。


你不必从头学习绘图语法,只需要描述技术意图。


而理解代码、组织组件和生成结构化数据的工作可以交给AI Agent,Archify则负责验证和渲染。


GitHub最热架构图Agent,开发者故事看哭了


这套分工其实也在尝试解决AI生成架构图的一个问题,即


模型可以画得很快,但不一定画得对。


Archify会在交付前检查数据结构、节点布局、标签和连线冲突。


如果验证失败,它会指出具体问题和允许采用的修复方式,而不是直接交付一张看起来漂亮、实际上存在错误的图。


此外,它还可以比较两个架构快照,以Before/Delta/After的方式标出新增、删除、修改、移动和重新路由的部分。


这意味着架构图不再只是开发结束后补上的一张插图,也可能可以参与代码评审,跟着项目一起迭代。


当然了,Archify也并非完美无缺,它不是一个实时监控系统、也不能自动证明图与线上运行状态完全一致。


结果是否准确,仍然取决于代码信息、用户提示以及Agent的分析能力。


有网友实测后也提出,Archify存在生成的节点的详情展示有点小用没有自带视觉的模型(如deepseek-v4-flash)还有些不顺畅消耗额度有点大等问题。


GitHub最热架构图Agent,开发者故事看哭了


GitHub最热架构图Agent,开发者故事看哭了


对此,开发者也无风雨也雾晴表示,他们正在努力更新版本并攻克这些问题ing,咱们可以期待一波。


GitHub最热架构图Agent,开发者故事看哭了


So,Archify应该适合这样的你:


已经在使用AI编程,希望能快速理解陌生仓库、梳理调用链,或者给团队讲清楚一个复杂系统。


GitHub最热架构图Agent,开发者故事看哭了


GitHub最热架构图Agent,开发者故事看哭了


而Archify的故事,还不只是一款工具如何在四个月内快速走红。


它背后还有一个更具体的问题:


当学历无法改变,一个开发者还能怎样证明自己?


“也无风雨也雾晴”给出的答案,就是把能力做成任何人都能打开、使用和验证的作品。


我是专升本,但我可以!


“也无风雨也雾晴”老师目前没有对外公开自己的姓名和目前履职的公司,不过如今,Archify的故事已经拨云见日,赢得了越来越多人的认可。


既然云开雾散、晴空万里,下文咱们就亲切地称他为“晴天老师”吧。(我们已经联系上了他,感兴趣的小伙伴们可以蹲一波后续专访)。


晴天老师在推上和大家真诚地交心,并坦诚地分享了自己从专升本前端毕业、一路饱受挫折、最终凭借着自己的开源项目和工具,斩获上海大厂Offer的故事,关键词大致有以下几个: 


农村出发专升本自学前端背调屡屡被卡开源自证实力。


GitHub最热架构图Agent,开发者故事看哭了


2018年高考后,晴天老师进入专科学习计算机应用技术,那一年他觉得自己的状态糟透了…


GitHub最热架构图Agent,开发者故事看哭了


后来,他通过专升本,以同批次第一名的成绩考入了重庆邮电大学软件工程专业。


GitHub最热架构图Agent,开发者故事看哭了


GitHub最热架构图Agent,开发者故事看哭了


实习期间,晴天老师非常开心,他觉得:


我只要一直努力,未来肯定会越来越好。


GitHub最热架构图Agent,开发者故事看哭了


但秋招狠狠泼了他一盆冷水


GitHub最热架构图Agent,开发者故事看哭了


在西湖大学的一次实习面试中,当HR再次拿他专升本的学历做文章的时候,他终于忍不住爆发了:


出身微寒不是耻辱!


最后他通过了。


但这也只是一次实习,在晴天老师求职的路上,一直都没有一家公司愿意给他抛出正式员工的橄榄枝。


GitHub最热架构图Agent,开发者故事看哭了


GitHub最热架构图Agent,开发者故事看哭了


从去年一直到今年3月,他只好一直辗转在实习积累经验的路上:


GitHub最热架构图Agent,开发者故事看哭了


后来,他终于遇到了职业生涯中的第一个贵人——时任Manus首席运营官的Cz Chen


GitHub最热架构图Agent,开发者故事看哭了


GitHub最热架构图Agent,开发者故事看哭了


△图源Manus官方团队目录


她建议他,或许可以通过作品或者开源项目,从其他地方证明自己的能力。


这句话不仅印证了晴天一直埋藏在心里的想法:


学历这东西已经改不了了,你再怎么解释,别人看到的还是专升本。


也成为了后来Archify故事的一条伏线。


于是,他开始走上了一条开源之路,并一路将作品活成了自己的第二份简历


GitHub最热架构图Agent,开发者故事看哭了


最后,他靠着自己打下的江山,如愿得到了一家大厂的Offer


GitHub最热架构图Agent,开发者故事看哭了