tt-a1i/archify

Turn any idea, plan, or codebase into a beautiful interactive diagram. An agent skill for Claude Code, Codex, and more.

解决的问题

Archify 将技术描述或现有的代码库转换为交互式的可视化图表。它允许用户向 AI 代理描述系统、工作流程或计划,进而生成可探索与自定义的交互式 HTML 文件,无需手动绘图。

运作方式

Archify 作为 AI 代理(如 Cursor 或 Claude Code)的“技能”运作。流程遵循特定的管线:

  1. 生成:AI 代理根据用户的提示建立类型化的 JSON 中间表示 (IR)。
  2. 验证:内置的验证器与布局规则会检查 JSON 来源是否有错误;任何失败都会提供机器可读的修复指令。
  3. 交付:验证完成后,JSON 会被渲染为一个独立的 HTML 文件。

用户可以通过对话来优化图表(例如:“新增一个数据库”或“标示路径”),且该工具可选择追踪真实的存储库,以建立具有 Git 验证文件参考的源码支持架构图。

目标客群

需要可视化沟通复杂系统、代理工作流程或项目计划,且不想花费数小时使用绘图工具的开发人员、架构师与规划人员。

特色亮点

  • 交互式 HTML 输出:生成独立文件,允许用户探索节点、追踪路径并切换主题(亮色/暗色)。
  • 多种图表类型:支持架构图、工作流程图、时序图、数据流图与生命周期图。
  • 源码支持对应:可分析 GitHub 存储库,建立节点固定于特定提交与行范围的图表。
  • 代理整合:专为与 Cursor、Claude Code 和 Codex CLI 等 AI 代理无缝协作而设计。
  • 导出选项:支持导出为 PNG、视频以及用于社交媒体或文档的专用“分享卡片”。
  • 确定性布局:使用布局判断而非通用的自动布局,以确保清晰的层级与间距。

写过它的文章

相关

  • 项目
  • 项目