上次转的那个架构图火了，好多朋友问能不能做成 Skill。
做出来了！🎉
不只是需求文档：丢给它一个 GitHub 仓库或一篇文章，它也能把里面的内在关系理清楚，画成这种会动的架构图：
🧭 不套模板：先判断是分层系统、流水线还是带循环的流程，再决定怎么画
🎨 颜色有含义：模块按种类上色，连线按数据流向区分
⚡ 光点沿连线流动，底部 log 实时滚动"A → B"
🎬 一句话导出 HTML / 图片 / MP4 / GIF / Mermaid，说"30 秒视频"就给你 30 秒
🌏 用中文问出中文图，用英文问出英文图，日文也一样
Claude Code 和 Codex 都能用，一行装好：
npx @rokoai/arch-diagram install
Apps & websites
Animated architecture diagrams from a GitHub repo or article
洛克船长 built a skill for Claude Code and Codex that turns a repository or article into an animated architecture diagram, choosing layout, coloring modules and links, and exporting HTML, images, MP4, GIF or Mermaid.
337likes
50reposts
306saves
17Kviews
- Made with
- Claude Code, Codex
- Role
- Independent developer
- Posted
