Archify：一句话把代码仓库画成交互式架构图——9 月 GitHub 涨星第一的技能

Archify：一句话把代码仓库画成交互式架构图——9 月 GitHub 涨星第一的技能

情报来源：逛逛GitHub《盘点 20 个 9 月份 GitHub 上顶顶顶的开源项目》（2026-10-11）· 项目地址 github.com/tt-a1i/archify · 用法对照 README 核对

一文看懂

先看痛点。 给新同事讲项目架构、开会讨论一次架构调整，你最需要的是“一张能逐步展开的图”——但画图工具要么丑、要么费劲、要么画完就死（静态图片点不了、追不了链路）。最烦的是：架构图往往是手画的印象，跟真实代码对不上，讲着讲着发现“哦这个服务其实已经拆了”。

主角登场。 Archify（tt-a1i/archify）是个 Agent 技能：给它一句系统描述或一个代码仓库，它把架构画成交互式图表——输出是一个独立的 HTML 文件，浏览器打开就能点节点、看详情、沿着路径理解整个流程。给同事发过去，对方不用装任何东西，打开就能交互。9 月 GitHub Trending 周榜（全语言）第一，单月涨星约 3.3 万。

三种输入，四种图型

输入极自由：一句话描述系统（“画一下网页请求怎么经过接口、缓存和数据库”）、一个代码仓库（它读源码生成“源码背书”的系统地图）、或者两者结合。输出的图型覆盖四种：架构图、流程图、调用顺序图、数据流向图。

关键能力是“画完还能聊”：图生成后，你可以继续要求“突出缓存未命中的路径”“补上登录验证的步骤”——它基于真实描述和代码调整，不是重新画一张。仓库还展示了一个真实案例：追踪开源仓库 mco-org/mco 生成带源码链接的检查地图，点节点直接跳对应源码——图不是印象派，是有代码撑腰的。

安装：一条命令，四个 Agent 通用

npx skills add tt-a1i/archify -g

支持 Cursor、Claude Code、Codex CLI、OpenCode；Kimi Work 的插件商店里也能找到它（名字叫 Interactive Architecture Diagram）。装完直接提需求：“给这个仓库画个架构图，标出登录链路”。

怎么用：三个高频场景

① 给新同事讲项目。 让它把仓库画成架构图，导出 HTML 发给对方——对方能自己点开节点、沿路径探索，比你对着白板讲半小时有效。

② 开会讨论架构调整。 让图“只显示后端到数据库这一条链路”（README 里有现成的 lens/route/focus 参数玩法），聚焦讨论点，不用整图糊一脸。

③ 放进文档。 需要静态展示时，导出图片和分享卡；需要协作时，直接把 HTML 丢进飞书/钉钉，团队成员在浏览器里交互。

深度玩法：图不是终点，是起点

Archify 是开源的，输出是标准 HTML——生成之后还能继续改：让 Agent 加有用的链接、加针对你工作流的交互、把社区分享的案例改造成自己的。社区里已经有人拿它做多 Agent 架构图、旅行规划、法律引用核查、合同审查、事故复盘。有人从一张手绘的多 Agent 架构图开始，通过对话加上了执行池——图是活的，可以跟着你的想法长。

细节体验：主题、导出、分享卡

Archify 不是只出“一张图”。同一张图可以一键切换主题（深色/浅色）；可以导出图片和分享卡（带标题和截图的卡片，适合发群里）；分享卡和 HTML 都自带交互——发给别人，对方打开浏览器就能点。仓库的案例库里还有旅行规划、法律引用核查、事故复盘这些社区作品，图的内容可以远超“技术架构”这个品类。

信号强度

架构图这个品类看起来“又小又简单”，Archify 能冲上周榜第一，赢在三个点：输入一句话（不用学工具）、输出可交互 HTML（能点能追，不是死图）、图有代码背书（跟真实仓库对得上）。对团队，它把“画架构图”从一次性的苦差变成了随手可做的事；对个人，“一句话出图 + 继续对话改图”就是 Agent 时代的画图方式。值得装进你的技能库，下次讲项目先让它画一张。