首页 / 开源宝库 / Archify
Archify
// project.info

Archify

Archify 是什么

Archify(tt-a1i/archify)是一款面向 AI 编程助手的画图技能,把'任何你想理解、规划或分享的东西'变成可交互的可视化图。你只需要用一句话向你的 AI 描述一个想法、问题或计划,Archify 就把它生成为一个可探索、可定制、可分享的交互式 HTML——从旅行行程、学习地图到复杂系统架构都能画。它支持架构图、时序图、流程图和工作流图,既可以从零文字描述开始(不需要任何代码仓库),也可以让 Agent 去读一个真实仓库,生成带源码溯源(CODE → DIAGRAM)的系统地图:每个节点都能点回出处,比如官方案例在 mco-org/mco 的提交 9f1a1cf 上生成了可核对的真实架构图。项目安装只需一行命令 npx skills add tt-a1i/archify -g,支持 Cursor、Claude Code、Codex CLI、OpenCode 等主流 Agent,GitHub 已获 7.9 万+ star。

Archify 的交互能力是它区别于静态图表的核心。生成后你可以继续用对话改图:'Add authentication'(加认证节点)、'Highlight the cache-miss path'(高亮缓存未命中路径)、'Switch to the light theme'(换主题);图内可以追踪某一步的全部下游、聚焦服务间关系、进入演示模式给团队讲方案。官方 Proof Lab 提供 11 个带 JSON 源文件和校验回执的场景供研究,官网画廊有交互示例直接在线玩,35 秒演示视频展示从一句话到可探索地图的全过程。生态方面,Archify 进了 Kimi Work 插件商店(名为 Interactive Architecture Diagram),被 Supercode 列为 Editor's Choice skill,仓库带 dsh-plugin/agent-skills 主题,文档支持简体中文和日文,MIT 协议完全免费。

SCREENSHOT 暂无截图(官网暂不可访问或未截取)

主要功能

01一句话生成:对 Agent 描述想法即出可交互 HTML 图
02无需仓库起步:纯文字描述开始,也可让 Agent 读真实仓库生成溯源架构图
03多种图型:架构图、时序图、流程图、工作流图
04源码溯源(CODE → DIAGRAM):真实案例 mco-org/mco 在提交 9f1a1cf 上生成可核对地图
05可继续对话式编辑:'加认证''高亮缓存未命中路径''换浅色主题'
06交互能力:追下游、高亮路径、聚焦服务关系(Proof Lab 11 个场景带校验回执)
07安装一行命令:npx skills add tt-a1i/archify -g
08适配 Cursor、Claude Code、Codex CLI、OpenCode 等
09进 Kimi Work 插件商店(名字叫 Interactive Architecture Diagram)
10下载后本地打开可离线探索(Download it. Open it. Explore it.)
11Mermaid/diagrams-as-code 主题,属 agent-skills 生态
12MIT 协议开源,支持简体中文/日文文档

如何使用 Archify

1安装:运行 npx skills add tt-a1i/archify -g(全局安装,需已装 Node.js 与支持的编码 Agent)。
2选定你的 Agent:Cursor、Claude Code、Codex CLI、OpenCode 都行,官网 start.html 有按 Agent 的引导。
3给 Agent 发一句话(README 示例):'Use Archify to diagram a web request: Browser calls the API, the API checks Redis, and a cache miss queries PostgreSQL and fills the cache.'
4得到交互 HTML:图里可以探索节点、跟随源码链接、追踪一条路径。
5继续对话修改:如 'Add authentication'、'Highlight the cache-miss path'、'Switch to the light theme'。
6要画真实项目:让 Agent 读某个仓库,生成带源码溯源的架构图(无需事先有图)。

使用示例

README 官方示例:让 Agent 用 Archify 画一个 Web 请求——浏览器调 API,API 查 Redis,缓存未命中再查 PostgreSQL 并回填缓存;生成后可以继续说'加认证''高亮缓存未命中路径''换浅色主题'逐步改图。另有 35 秒演示视频与 11 个 Proof Lab 场景可玩。

核心优势

✓门槛特性:一句话起步,不需要先会 Mermaid 语法,也不需要真实仓库。
✓溯源特性:基于真实代码生成的图带源码链接,点节点能跳回出处,不是空想图。
✓交互特性:输出是可交互 HTML(探索、聚焦、高亮、演示模式),比静态图片适合讲解。
✓生态特性:进 Kimi Work 插件商店,被 Supercode 列为 Editor's Choice skill,agent-skills/dsh-plugin 生态通吃。
✓免费特性:MIT 开源,官网画廊、场景指南全部公开。

与同类工具对比

Mermaid同属图表工具,Mermaid 是文本渲染图表的语法标准

Mermaid 要求你手写图表语法,Archify 用自然语言一句话生成且输出交互 HTML,Mermaid 偏文档内嵌静态图。

draw.io同属绘图工具,draw.io 是手动拖拽画图

draw.io 靠手动摆放节点,Archify 让 AI 自动从描述或代码库生成初稿再对话修改,省手工布局时间。

Whimsical同属现代绘图产品,Whimsical 强在协作流程图

Whimsical 重在人工绘制与协作,Archify 重在 Agent 生成与源码溯源,适合'让 AI 先画出来'的场景。

使用方式与技巧

使用方式

  • npx skills 全局安装(编码 Agent 技能)
  • Kimi Work 插件商店
  • 官网交互示例画廊在线看
  • 下载 HTML 本地打开

功能模式

  • 架构图 architecture
  • 时序图 sequence
  • 流程图 flowchart
  • 工作流 workflow
  • Code → Diagram 源码溯源模式

使用技巧

  • 从描述开始最快,验证想法后再连真实仓库
  • 用对话式增量改:加节点、高亮路径、换主题
  • 用演示模式(present=1)给别人讲方案

进阶玩法

01真实仓库制图:读取指定 commit 生成可核对的系统地图(案例 mco-org/mco @9f1a1cf)
02JSON 源文件与校验回执:Proof Lab 的 11 个场景开源可复查
03扩展性:README 提供 'Easy to extend' 定制路径,可改出自己的图风格

客户端下载渠道

⬇GitHub:https://github.com/tt-a1i/archify ⬇官网/画廊:https://tt-a1i.github.io/archify/ ⬇安装命令:npx skills add tt-a1i/archify -g ⬇Kimi Work:插件商店搜 Interactive Architecture Diagram

常见问题

需要先有代码仓库吗?

不需要。可以从一句话描述开始,想画真实系统时再让 Agent 读仓库。

免费吗?

MIT 协议开源免费;官网画廊和场景指南均公开。

支持哪些 AI 编程工具?

Cursor、Claude Code、Codex CLI、OpenCode 为主,另可进 Kimi Work 插件商店使用。

生成的图能改吗?

能,用对话继续改:加节点、高亮路径、切换明暗主题等。

输出是什么格式?

可交互 HTML,可下载后本地打开、分享给他人。

// more.info

项目信息

Archify 是画架构图的 Agent 技能:一句话把想法或代码库变成可交互的架构图/时序图/流程图,npx 一行安装,输出可分享的交互 HTML

一句话把想法、计划或代码库变成可交互的架构图与流程图,生成可分享的交互式 HTML,支持 Claude Code、Codex、Cursor 等。

开发工具 适合人群:需要讲解架构、做方案演示的开发者、架构师与产品经理
// 商业项目:在数据 affiliate 字段填入 CPS 推广链接后,按钮自动改跳你的推广链接
← 返回开源宝库

站长熬夜整理 · 开源大礼包

点击一键转存《2329 件副业装备大礼包》,内含分类 Excel 表,找工具不再大海捞针

一键转存《2329 个开源大礼包》
资料整理自公开开源渠道,仅供学习交流使用;如涉及版权问题请联系删除。