---
type: concept
title: Agentic Diagram Skill（主动产图技能）
created: 2026-09-18
updated: 2026-09-18
tags: [agent-skill, diagram, archify, code-review, arch-diff, architecture]
---

## 定义
让 AI Coding Agent 不仅写代码、还**主动生成与审查架构图**的技能单元。代表实现是 Archify：Agent 在合并前自动产图并比对 diff，输出新增/删除/变更/移动/重路由的确切清单，作为 PR 审查的视觉补充。

## 核心要点
- **场景**：
  1. **开箱即演示**：文档、README、ADR 自带高质量图表
  2. **合并前审查**：变更前/合并前/合并后三快照 diff
  3. **节点可验证**：点击节点即可跳到经过版本校验的源码
- **图表覆盖**：架构、流程、时序、数据流、生命周期
- **输出**：自包含 HTML（带有限动效） + SVG（矢量导出）

## 不同来源的说法
| 来源 | 观点 |
|------|------|
| [[library/tt-a1iarchify Agent skill for beautiful, verifiable architecture, workflow, sequence, data-flow, and lifecycle diagrams—self-contained HTML with motion and crisp export\|archify]] | 首次把"架构 diff"做成 Agent 原生动作，强调视觉与代码同源 |
| [[library/awesome-design-mdREADME at main.md\|awesome-design-md]] | DESIGN.md 关注设计稿，archify 关注运行时架构图，互补 |

## 相关实体
- [[entities/archify]]
- [[entities/obra-superpowers]]

## 参考来源
- [[library/tt-a1iarchify Agent skill for beautiful, verifiable architecture, workflow, sequence, data-flow, and lifecycle diagrams—self-contained HTML with motion and crisp export]]