《岚叔动态架构图》：一份 JSON，直接出 Excalidraw、PNG 和 GIF

自己画吧，框框线线一多就开始歪；配色折腾半天，最后还是像会议白板截图。拿在线工具画，又得来回拖组件，系统稍微复杂一点，半小时没了。

最近刷到一个挺对开发者胃口的 Codex Skill：岚叔动态架构图。

它干的事很直接——把架构内容整理成 JSON，一次渲染出三份文件：可继续编辑的 Excalidraw 源文件、静态 PNG，还有真正会动的 GIF。光点流动、模块脉冲这些效果，都是逐帧画出来的。

黑底、手绘线条、数据流动画，拿去配 Agent、RAG、微服务、消息队列这类文章，比普通方框图抓眼。

东哥看到这种工具，先看三件事：能不能二次改、会不会卡在远程接口、源文件还在不在。这个项目用 Pillow 本地渲染，不要求安装 Excalidraw，也不调用远程服务；图先生成，后面哪里要挪、文字要换，还能回到 Excalidraw 里继续收拾。

这点挺实用。以前临时给技术方案补图，最怕导出一张 PNG 就结束，第二天模块名改了，只能重画。现在至少源文件留着，不至于把自己锁死。

安装也没绕弯子，放进 Codex 的 Skill 目录，对话里喊它名字就能开始，中文提示词也支持。

经常写技术文章、做方案汇报，或者给开源项目补 README 的，可以先收藏。别急着上十几层系统大图，先拿一个 API、Worker、数据库的小流程试试，图能改、动画能看，这工具就算派上用场了。

GitHub地址：cclank/lanshu-animated-architecture-diagram