bassnova42/arch-diagram-skill — 生成动画架构图

bassnova42/arch-diagram-skill 是一个面向 Claude Code 和 Codex 的技能，可将代码仓库或技术文档的结构转换为动画图，并以多种格式导出。

2026年10月29日

bassnova42/arch-diagram-skill 是一个面向 Claude Code 和 Codex 的技能，可将代码仓库或技术文档的结构转换为动画图，并以多种格式导出。

GitHub 项目说明: RokoAI arch-diagram: a Claude Code & Codex skill that turns any repo or article into an animated architecture diagram (HTML / PNG / MP4 / GIF / Mermaid) with a live trace log

星标: ★ 21
复刻: 1
语言: JavaScript
许可证: MIT

查看原始来源 ↗在 GitHub 查看 ↗

bassnova42/arch-diagram-skill 是一个面向 Claude Code 和 Codex 的技能，可读取代码仓库或技术文档中的结构，生成动画架构图。README 未给出最新发布版本，但介绍了以 HTML、PNG、MP4、GIF、Mermaid 格式导出的功能，以及展示工作流程的实时跟踪日志（live trace log）。

该工具会根据输入的结构选择分层、处理流程、循环流程等表现形式，再加上动画生成结果。输入既可以是技术文档，也可以是代码仓库。README 还给出了在无头浏览器中打开结果、检查元素是否重叠或文字是否溢出的流程。仓库提供了安装命令以及生成、检查、导出命令；实现语言为 JavaScript，许可证为 MIT。因此，其核心并非单纯绘制图表，而是读取结构、以多种格式输出，再检查屏幕布局的工作流程。

不过，可验证的依据仅限于 README 中的说明与命令以及代码仓库的构成。在仓库树中未能确认独立的测试路径，现有信息也没有说明自动屏幕检查是否能够保证图表的结构正确性。因此，可以确认的是对结果布局的检查功能，而除此之外的准确性缺乏直接验证的依据。