Archify｜AI Agent 架构绘图技能，一句话生成可交互系统架构图

程序员最头疼的一件事：架构思路想得清清楚楚，但是画图要耗费大量时间。手动打开绘图工具、拖拽组件、连线排版，改一次需求就要重画一遍图。

Archify 是一款专门为 AI 编码代理打造的架构生成 Skill，接入 Cursor、Claude Code 即可自然语言一键产出专业可交互架构图，彻底告别手动画图。

核心能力

### 1. 五种专业图表全覆盖

• 系统架构图、时序图、工作流程图、数据流图、生命周期状态图。
• 既可输入文字描述系统结构，也可让 AI 读取整个代码仓库，自动逆向分析项目依赖生成架构视图。

### 2. 独立可交互 HTML 交付物

生成成果不是一张静态图片，而是单文件 HTML、零外部依赖：

• 浏览器直接打开，支持缩放拖拽；节点搜索，一键高亮上下游调用链路；深色/浅色主题一键切换。
• 可直接转发给同事，无需安装任何软件即可查看交互图。

### 3. 高清多格式导出

支持 4 倍超高分辨率导出 PNG、JPEG、WebP 动画、SVG 矢量图，清晰度拉满，可直接放进 PPT、技术文档、RFC 提案、Wiki 知识库；还可一键生成社交分享卡片，适合短视频、公众号配图。

### 4. 架构变更对比（Delta 对比）杀手功能

做版本迭代评审、Code Review 时，生成「修改前-变更-修改后」三张对比视图，自动标记新增、删除、移动、改动的组件与连线，架构改动一目了然，不再靠人工肉眼对比两张图找差异。

### 5. 开箱即用 Agent-Skill，一键安装

无需部署额外服务，一条命令全局注册到你的 AI 编码工具：npx skills add tt-a1i/archify -g，兼容 Cursor、Claude Code、Codex CLI、OpenCode 等主流 Agent 编辑器。

使用示例

发送提示词「生成一套高层系统架构图，保留 8-12 个核心组件，标注外部依赖与安全边界」，AI 自动生成交互架构 HTML 文件。

适用人群

• 后端架构师：快速输出系统方案图、微服务拓扑图。
• 研发团队：评审会架构对比、项目文档配图。
• 技术博主、自媒体：产出高质量架构配图。
• AI 开发者：集成到自己 Agent 工作台实现一键绘图。

项目信息

• 项目地址 GitHub tt-a1i/archify，MIT 开源。
• 核心价值：Archify 最大优势不是单纯生成一张图片，而是产出一份可迭代、可交互、可对比演进的架构资产——把画图时间省下来，放回架构思考本身。