Archify 架构可视化技能
Archify 是一个面向 Claude Code、Codex、Cursor、OpenCode 等编码智能体的 Agent Skill,能把一句话想法、项目计划或代码仓库自动转成可交互的 HTML 架构图,支持流程图、时序图与系统设计,并可继续对话式修改。
爱鲜报评分
0 人评分
81k
星数
是
中文
JavaScript
主语言
是
活跃
74
贡献者
人工分析
EDITORIAL推荐理由
它把「画架构图」这件事彻底交给了 AI 智能体:你只需用自然语言描述系统或让智能体读取仓库,就能生成可探索、可分享的交互式 HTML 图,而不是静态图片。对经常需要梳理系统设计、写技术方案或做代码讲解的开发者来说,能显著减少手工绘图时间。项目采用 MIT 协议、安装方式简单,且已支持中文文档与中文社区,上手门槛低。
适用场景
- 为代码仓库生成可追溯源码的架构图
- 技术方案评审与系统设计文档配图
- 向团队或新人讲解请求链路与调用关系
- 学习路线图、行程规划等非技术类可视化
- 在 Claude Code / Codex / Cursor 中对话式迭代图表
优点
- 自然语言驱动,无需手写 Mermaid 或绘图代码
- 输出交互式 HTML,可探索、定制并分享
- 支持读取仓库生成有源码依据的架构图
- 兼容 Claude Code、Codex、Cursor、OpenCode 等多种智能体
- MIT 开源,提供中文文档与中文社区渠道
缺点
- 依赖外部 AI 智能体环境,需先安装对应 Skill
- 生成质量受模型能力与描述清晰度影响
- 复杂大型系统的图可能需要多轮对话调整
- 部分在线服务与赞助商内容与项目本身无直接关系
Archify 是什么
Archify 是一个 Agent Skill(智能体技能),目标是把任何你想理解、规划或分享的内容,变成一张可交互的可视化图。你不需要手写 Mermaid 或绘图代码,只要用自然语言向 AI 智能体描述,它就会生成一个可探索、可定制、可分享的交互式 HTML 图表。
它适用于 Claude Code、Codex、Cursor、OpenCode 等主流编码智能体,采用 MIT 协议开源。
核心能力
- 一句话生成图:描述系统、流程或计划,直接得到交互式图表
- 仓库级架构图:让智能体读取代码仓库,生成带源码依据的架构图,可跟随链接追溯来源
- 对话式迭代:生成后继续说「加上鉴权」「高亮缓存未命中路径」「切换浅色主题」即可修改
- 不限于技术场景:行程规划、学习地图等也能可视化
快速开始
通过 skills 命令全局安装该技能:
npx skills add tt-a1i/archify -g
安装后,向你的智能体发送类似指令:
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.
随后可以继续追加需求,例如「添加认证」「高亮缓存未命中路径」「切换到浅色主题」。
注意:并不强制要求已有仓库,你可以从一段描述开始;也可以让智能体读取仓库,生成有源码支撑的架构图。
适用场景
- 为现有代码库梳理系统架构与模块依赖
- 技术方案评审、设计文档配图
- 向团队或新人讲解请求链路、调用关系
- 学习路线图、旅行行程等非技术类可视化
生态与支持
- 官方站点提供在线示例画廊与场景指南
- 提供简体中文与日文 README
- 拥有 Discord、微信、QQ 等社区渠道
- 与 Kimi Work 等平台有插件集成
注意事项
Archify 本身免费开源,但 README 中提到的第三方在线服务与付费计划由其各自提供方运营,不代表 Archify 官方。
评论
- 暂无评论,来写第一条吧。