AX 爱鲜报

Archify 架构可视化技能

Archify 是一个面向 Claude Code、Codex、Cursor、OpenCode 等编码智能体的 Agent Skill,能把一句话想法、项目计划或代码仓库自动转成可交互的 HTML 架构图,支持流程图、时序图与系统设计,并可继续对话式修改。

爱鲜报评分

0.0

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 官方。

评论

登录后才可评论与评分

0 条评论

  • 暂无评论,来写第一条吧。