小马的 AI 工具集

架构图生成

用聊天把系统描述生成架构/时序/数据流/状态图,支持明暗主题和高清导出

架构图生成
类型 技能 9,137 星标 更新 2026-08-04 许可 MIT 原仓库 主页

English · 简体中文

Archify on Trendshift

Archify 产品预览

Archify

将代码库或系统描述转换为精美的交互式系统地图——直接在聊天中完成。

Archify 是一个用于 Raven、Cursor、Claude Code、Codex CLI 和 OpenCode 的 agent skill。提供系统描述或仓库,即可获得交互式、可共享的技术地图。

  • 打开并展示——五种技术图类型、四种视觉预设、深色/浅色主题以及可选有限动画
  • 合并前审查架构变更——比较两个经过验证的快照,显示之前/差异/之后,并精确列出添加、删除、更改、移动和重新路由的事实
  • 每次交互都基于事实——搜索节点,可选打开经过版本验证的源代码,追溯上游/下游的编写范围和确切路径,比较角色,以及播放引导式故事,而不会凭空捏造拓扑
  • 一个文件,即可信任和分享——类型化的 JSON IR 和确定性检查生成自包含的 HTML 以及 PNG、SVG、WebM 和 1200×630 分享卡片

License Agent Skill Stable Version

当前稳定版本: v2.13.0。参见 变更日志。

项目页面 · 场景指南 · 验证实验室

npx skills add tt-a1i/archify -g

使用 Cursor?打开 agent感知快速入门 获取精确的全局和项目命令。

然后询问你的 agent:Use archify to map this repository's runtime architecture.

❤️ 赞助者

Archify × Raven — 映射系统,保持上下文。

由 EverMind 赞助,为 agent 构建内存基础设施。其内存优先、自我进化的 agent 框架 Raven 将 Archify 作为 Skill 支持,将经过验证的交互式系统地图引入 Raven 工作流。

查看 Archify 运行示例

这些是生成的 Archify 工件,不是产品模型。单击一个框架即可打开其实时可共享状态。

三个经过验证的 Archify 工件在 Signal Flow、Blueprint 和 Classic 预设中切换
三个真实生成的工件。 Signal Flow · Blueprint · Classic · 打开交互式验证实验室 ↗

引导式故事路径探测语义透镜
Agent 工作流播放一个已编写的章节缓存未命中序列显示 Web App 到 Postgres 的路径生产架构比较后端和数据库角色
播放一个有限命名的章节。检查最短的已编写有向路径。比较语义角色之间的实际流量。

验证实验室 包含所有 11 个已签入的场景、其 JSON 源、命名视图和验证收据。

从源代码映射的真实仓库

从公共 mco-org/mco 仓库生成的 MCO 运行时架构

Archify 跟踪了 mco-org/mco(提交 9f1a1cf)并生成了这张经过检查的地图。打开它 ↗ · 追溯范围 ↗ · 类型化源文件

预览

同一张图,两种主题,一键切换:

深色浅色
深色主题浅色主题

导出菜单将 PNG 复制到剪贴板并下载静态或动态格式:

导出菜单

当你需要为 README、发布或社交媒体帖子准备一张规范的 1200×630 图片时,请使用 复制分享卡片。

追踪路径后,导出 → 路径分享卡片 会将该编写路径下载为 1200×630 PNG,并保留完整图表作为上下文。

路径分享卡片显示从 Users 到 API Server 的确切路径,并保留完整架构作为上下文

跟踪已编写的 Upstream 或 Downstream 范围后,导出 → 范围分享卡片 会捕获该确切读数,而不声称运行时影响。

MCO 下游范围分享卡片显示来自 Command Router 的已编写关系

在本地打开 examples/web-app.html 试用完整查看器。

快速开始

1. 安装

npx skills add tt-a1i/archify -g

对于显式、非交互式的 Cursor 安装:

npx -y skills add tt-a1i/archify --skill archify --agent cursor --global --copy --yes

要在不永久安装的情况下试用:

npx skills use tt-a1i/archify@archify --agent codex

这个 agent 切换器 支持 cursor、codex、claude-code 和 opencode。对于 Raven 的手动 ZIP 安装,请将 archify.zip 解压到 ~/.raven/workspace/skills;它会生成 ~/.raven/workspace/skills/archify。Raven 不是切换器的目标。

2. 请求一个明确限定的视图

Analyze this repository, then use archify to create a high-level runtime architecture diagram.
Show 8–12 core components, one primary path, external dependencies, and trust boundaries.
Put supporting detail in cards instead of adding more edges.

对于聚焦的流程:

Use archify to draw this login flow: Browser -> Web App -> API -> JWT validation ->
Redis session lookup -> PostgreSQL fallback. Keep the cache-miss path secondary.

3. 在聊天中细化

继续提出聚焦的请求,例如 add Redis、move auth to the left 或 highlight the rollback path。Archify 会保留输入的源,以便进行有针对性的迭代。

选择正确的图表

类型适用场景提示中应包含的内容
Architecture组件、服务、存储、边界范围、核心组件、主要路径
WorkflowCI/CD、审批、工具调用、运行手册参与者、顺序、分支、异常
SequenceAPI 调用、缓存回退、认证、异步追踪调用方、被调用方、返回、时序
Data Flow管道、血缘、PII、消费者数据源、转换、存储、边界
Lifecycle状态、重试、等待、终态结果状态、事件、重试和取消路径

对于生产部署评审,Architecture 可以选择启用 deployment-ownership 工程配置。当缺少负责人、单区域部署、私有数据库范围或具名边界跨越时,它会拒绝通过(fail closed)。它绝不会被静默启用,并且验证的是人工编写的事实,而非实时基础设施。参见已检查的部署证明。

对于设计或 PR 评审,Architecture Delta 会将经过验证的 Before / Delta / After 快照与机器凭证进行比较。可以选择一个精确的人工变更,或执行一次有限的 Review——仅查看,不推断影响、风险或合并安全性。

node archify/bin/archify.mjs compare architecture base.json head.json architecture-delta.html --json

Architecture Delta 显示新增、移除、更改和移动的人工事实

不确定哪个适合?使用交互式场景指南,或询问零依赖的 CLI:

node archify/bin/archify.mjs guide "Show an API request with Redis cache miss"
node archify/bin/archify.mjs guide "Map Kafka topics, consumer groups, replay, and DLQ" --json

Workflow 让各泳道中的正常路径保持清晰:

Workflow 示例

Sequence 解释一次随时间的交互:

Sequence 示例

Data Flow 让流转和敏感边界变得明确:

Data Flow 示例

Lifecycle 区分进度、等待、重试和终态结果:

Lifecycle 示例

Architecture 示例:web-app · Archify pipeline · grid placement · desktop agent

为什么选择 Archify

  • 布局判断优于通用自动布局 — agent 会选择层级、间距、路由和重点;共享的自动端点会确定性地分散,而不是把箭头堆到一个中点上。
  • 类型化 JSON IR — 每个由渲染器支持的模式都有 schema 和可复现的源。
  • 交付前的原子化验证 — schema、布局、HTML/SVG、路由以及标签到路由的间距检查都必须通过,展示产物才会替换上一次已知良好的输出。
  • 失败附带修复凭证 — validate --json 和 deliver --json 返回稳定的规则代码、精确的对象、测量到的证据,并且只提供受支持的修复控制,而不是 Node 堆栈或非结构化的重试猜测。
  • 保留上次良好状态的实时预览 — 可选的桌面循环监视一个 JSON 文件,仅在新候选通过所有关卡后才刷新;当保存不完整或无效时,会继续显示先前验证过的图表。
  • 真实交互 — 焦点、上游/下游可达性、精确路由、角色比较和故事复用已编写的节点和关系,而不是发明拓扑或声称有运行时影响。
  • 仅在请求时提供源证据 — 基于证据的 Architecture 节点会将自身标记为 SRC n,并打开固定到单个公共提交的 Git 验证文件和行范围;普通产物保持无源状态。
  • 默认便携 — 结果是一个 HTML 文件;导出保持全图,不包含临时查看器状态。

Archify 不是通用绘图编辑器,也不是 Mermaid 主题。它将技术意图转化为沟通产物。

工作原理

步骤详情
Generate根据你的描述创建类型化 JSON IR。
Validate内置验证器和布局规则检查源;失败时在机器可读的 JSON 中标明确切的局部修复位置。
Preview(可选)仅限回环的桌面会话监视一个源,并且只加载已通过验证的修订;失败时保留上一次良好产物。
Deliver在同一目录中渲染并检查候选文件;只有通过验证的产物才会原子地替换目标文件,之后可选的 --open 会启动该确切文件。
Iterateagent 更新源,同时不相关的结构保持稳定。

有用的仓库命令:

cd archify
node bin/archify.mjs doctor
node bin/archify.mjs demo /tmp/archify-demo
node bin/archify.mjs guide "Show CI/CD checks, approval, deploy, and rollback"
node bin/archify.mjs validate workflow examples/agent-tool-call.workflow.json --quality showcase --json
node bin/archify.mjs preview workflow examples/agent-tool-call.workflow.json /tmp/workflow.html --quality showcase
node bin/archify.mjs deliver workflow examples/agent-tool-call.workflow.json /tmp/workflow.html --quality showcase --open --json

preview 是一种明确的桌面写作模式,不是默认的后台服务:它只绑定到 127.0.0.1 上的一个随机端口,监视指定的唯一 JSON 文件,在失败时保留最后验证过的输出,并可通过 Ctrl-C 停止。在测试或需要自行打开打印的本地 URL 时,添加 --no-open。它不会给生成的 HTML 增加任何运行时。

使用 deliver --open 进行一次性的交互式本地交接。默认关闭,仅在已验证的制品提交后运行,且当操作系统打开器不可用时,绝不会将成功的交付变为失败;JSON 仍输出到 stdout,绝对的手动打开路径输出到 stderr。

失败时,validate --json 和 deliver --json 仍会发出恰好一个 JSON 对象。读取 diagnostics[] 并使用其 supportedFixes 仅修改命名的主题;不要重写整个图表,也不要超出 Skill 的两轮聚焦修正。确定性诊断与视觉审查保持分离。

可选的动画和呈现样式是显式的:

{
  "meta": {
    "animation": "trace",
    "visual_preset": "signal-flow"
  }
}

省略 animation 可获得真正静态的图表。classic 仍为默认值;editorial 会添加温暖的出版外观。

探索并分享输出

操作控制
打开事实性图表指南?
查找并聚焦语义节点/
追踪上游/下游的已创作可达范围聚焦节点 → Upstream / Downstream
探测有向路径并检查其旅程R 或 PATH
比较一个或两个语义角色L 或 LENS
打开实时概览雷达M 或 MAP
播放引导故事 / 切换章节P / [ ]
进入演示舞台F
选择视觉样式(S 循环切换)/ 切换主题 / 打开导出S / T / E
缩放或重置+ / - / 0

稳定链接可恢复 #focus=<id>、#focus=<id>&reach=upstream|downstream、#relation=<id>、#route=<source>~<target>、#lens=<kind>~<kind> 和 #view=<view-id>。由读者驱动的动画是有限的,遵循 prefers-reduced-motion,并且永远不会进入规范导出。

完整的生成与查看器契约位于 archify/SKILL.md。

安装选项

表面安装位置或方法能力
Raven手动 ZIP 至 ~/.raven/workspace/skills → ~/.raven/workspace/skills/archify完整渲染器 + 验证工作流
Claude Code~/.claude/skills/ 或 .claude/skills/完整渲染器 + 验证工作流
Codex CLI~/.agents/skills/ 或 .agents/skills/完整渲染器 + 验证工作流
opencode~/.config/opencode/skills/、.opencode/skills/ 或 .agents/skills/完整渲染器 + 验证工作流
Claude.ai在设置 → 功能 → 技能下上传 archify.zip取决于沙箱中的 Node.js 访问权限
项目知识将 archify.zip 上传到项目提示驱动的架构回退

参考与范围

Archify 2.13 包含五种模式下的类型化 IR、真实仓库验证、确定性精确 ID 架构 Delta 审查、已验证的实时预览、已创作的可达性、真实的可配置图例、可选的有限动画、引导视图、语义搜索与关系探索、可共享的深度链接、1200×630 的图表和路径卡片、浏览器原生 WebM 录制、显式的 standard / showcase 质量配置文件,以及一个可选的部署所有权契约。

自动 Mermaid 解析、通用自动布局、托管分享和所见即所得编辑目前有意不在当前范围之内。

许可证

MIT — 可自由使用、修改和分发。

贡献

欢迎提交 Issue、Pull Request 和真实世界图表。请先阅读贡献指南,使用可重现的错误表单报告失败,或通过社区展示表单提交经过验证的图表。

在 GitHub 查看完整项目