Text-to-Diagram on AI

GitHub Trending 榜首：archify

Sun, 30 Aug 2026 00:00:00 +0000

今日榜首

仓库： tt-a1i/archify
Stars： 32,378
Forks： 2,031
语言： JavaScript
协议： MIT
当前版本： v2.16.0-dev.0

项目简介

Archify 是一个面向 Cursor、Claude Code、Codex CLI 与 OpenCode 的 Node.js 渲染与校验系统，目标是把代码库或一段系统描述直接变成可交互、可验证的系统架构图。

它的核心思路是「typed JSON IR + 确定性渲染」：Agent 先输出带类型的 JSON 中间表示，Archify 再将其编译成自包含的 HTML/SVG。项目支持架构图、工作流、时序图、数据流图和生命周期图五种图类型，并提供明暗主题、四种视觉预设与内置品牌标识。

关键亮点

可验证交付：在生成最终产物前，JSON 会经过 schema、布局、HTML/SVG、路由与标签 clearance 等多层原子校验；失败时返回结构化修复建议，而不是抛出一堆 Node 堆栈。
讲真话的交互：聚焦节点、上游/下游追溯、精确路由探测、角色对比与有限动画的故事线，全部复用「已编写」的节点与关系，不会凭空发明拓扑或声称运行时影响。
PR 审查友好：支持 Before / Delta / After 快照对比，能精确标出新增、删除、修改、移动与重新路由的事实。
单文件分享：最终产物是一个 HTML 文件，可导出 PNG、SVG、WebM 与 1200×630 分享卡。
无需仓库：直接在对话中描述系统即可出图，例如 Use Archify to draw: Browser -> API -> Redis cache -> PostgreSQL fallback.

安装与使用

`1`	`npx skills add tt-a1i/archify -g`

也可通过项目主页、场景指南与 Proof Lab 在线体验 11 个已校验的示例。

适合谁

需要把系统结构、调用链、数据流或部署边界可视化给团队、PR 或文档的开发者；尤其是希望 Agent 生成的图不仅好看，还能被校验、追溯与复现的人。