← 返回总览

tt-a1i/archify

Agent skill for beautiful, verifiable architecture, workflow, sequence, data-flow, and lifecycle diagrams—self-contained HTML with motion and crisp export.

38,529Fork: 2,465语言: JavaScript协议: MIT今日 +3993GitHub ↗

📈 Star 增长趋势(本站收录历史)

010K19K29K39K08-2908-3109-01tt-a1i/archify 2026-08-29: 30Ktt-a1i/archify 2026-08-31: 37Ktt-a1i/archify 2026-09-01: 39K
tt-a1i/archify

🤖 深度介绍

它是什么

Archify 是一个面向 AI 编程代理的“技能包”(Agent Skill),让 Claude、Codex、DeepSeek 等智能体直接生成自包含 HTML 架构图——包含系统架构、工作流、时序、数据流和生命周期图,支持动态交互与高清导出,无需依赖 Mermaid 或外部渲染服务。

核心亮点

  • 纯 HTML 输出:图表自带样式与交互动效,单文件即可分享或嵌入文档
  • 架构即代码:用自然语言描述,代理自动生成可验证的图表结构
  • 零依赖渲染:不依赖在线服务,离线可用,适合安全敏感环境
  • 多代理兼容:支持 Claude Skill、Codex、OpenCode 及 DeepSeek Harness 插件

为什么火

发布仅数日即获 3.8 万星标,单日增长近 4000。核心原因是它解决了 AI 编程中“架构可视化”的痛点——传统 Mermaid 图在复杂场景下难以维护,而 Archify 让代理直接产出高质量、可交互的架构文档,大幅提升代码审查与系统设计效率。

适合谁用

  • AI 编程重度用户:需要让代理输出清晰架构图的开发者
  • 技术文档作者:快速生成可嵌入网页的交互式系统设计图
  • 架构师与团队 Lead:在代码评审中快速验证系统设计合理性

快速上手

# 以 Claude Skill 方式安装
git clone https://github.com/tt-a1i/archify
# 将 skill 目录添加到 Claude 的 skills 路径
# 然后直接对话:“请用 Archify 绘制订单系统的数据流图”

代理会自动生成一个 .html 文件,浏览器打开即可查看和导出。