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)的“技能”运作。流程遵循特定的管线:
- 生成:AI 代理根据用户的提示建立类型化的 JSON 中间表示 (IR)。
- 验证:内置的验证器与布局规则会检查 JSON 来源是否有错误;任何失败都会提供机器可读的修复指令。
- 交付:验证完成后,JSON 会被渲染为一个独立的 HTML 文件。
用户可以通过对话来优化图表(例如:“新增一个数据库”或“标示路径”),且该工具可选择追踪真实的存储库,以建立具有 Git 验证文件参考的源码支持架构图。
目标客群
需要可视化沟通复杂系统、代理工作流程或项目计划,且不想花费数小时使用绘图工具的开发人员、架构师与规划人员。
特色亮点
- 交互式 HTML 输出:生成独立文件,允许用户探索节点、追踪路径并切换主题(亮色/暗色)。
- 多种图表类型:支持架构图、工作流程图、时序图、数据流图与生命周期图。
- 源码支持对应:可分析 GitHub 存储库,建立节点固定于特定提交与行范围的图表。
- 代理整合:专为与 Cursor、Claude Code 和 Codex CLI 等 AI 代理无缝协作而设计。
- 导出选项:支持导出为 PNG、视频以及用于社交媒体或文档的专用“分享卡片”。
- 确定性布局:使用布局判断而非通用的自动布局,以确保清晰的层级与间距。
写过它的文章
相关
- 项目
- 项目