---
type: library
origin: tt-a1iarchify Agent skill for beautiful, verifiable architecture, workflow, sequence, data-flow, and lifecycle diagrams—self-contained HTML with motion and crisp export.md
originPath: sources/tt-a1iarchify Agent skill for beautiful, verifiable architecture, workflow, sequence, data-flow, and lifecycle diagrams—self-contained HTML with motion and crisp export.md
ingested: 2026-09-18
tags: [archify, diagram-skill, agent-skill, json-ir, html-render, architecture-diagram, tt-a1i, codex, claude-code, cursor, opencode]
---

## 摘要
Archify（tt-a1i/archify）是面向 Cursor / Claude Code / Codex CLI / OpenCode 的 Node.js 图表渲染与验证系统。Agent 先产出类型化的 JSON IR，Archify 再确定性地编译为 HTML/SVG。支持五种图表类型（架构、流程、时序、数据流、生命周期）、四种预设、深/浅主题、内置品牌位与有限动效；并能比对"变更前/合并前/合并后"两个已验证快照，精确输出新增/删除/变更/移动/重路由清单。

## 关键要点
- **架构-决定性分离**：Agent 只产出 IR，渲染由 Archify 节点端编译 → 视觉稳定、可重放
- **五种图表类型**：架构、流程、时序、数据流、生命周期
- **四种预设 + 深浅主题**：开箱即用，含品牌标识与有限动效
- **架构变更审查**：双快照 diff，输出新增/删除/变更/移动/重路由的确切信息
- **可验证性**：每次交互可检索节点、可选打开版本验证过的源码、追踪上游/下游作者路径与确切路由
- **跨工具兼容**：Cursor、Claude Code、Codex CLI、OpenCode
- **仓库**：https://github.com/tt-a1i/archify

## 本文件对 wiki 的贡献
- 新增实体：[[wiki/entities/archify]]
- 新增概念：[[wiki/concepts/diagram-as-compiled-ir]]（JSON IR → 确定渲染的范式）
- 新增概念：[[wiki/concepts/agentic-diagram-skill]]（Agent 主动产图的能力单元）
- 可能触发的 synthesis：Agent Skills 生态（archify / diagram-maker / 自定义 IR 模式）

## 相关页面
- [[wiki/entities/archify]]
- [[wiki/concepts/diagram-as-compiled-ir]]
- [[wiki/concepts/agentic-diagram-skill]]
- [[wiki/concepts/agent-skills]]
- [[wiki/entities/voltagent]]
- [[wiki/entities/obra-superpowers]]