10 分钟出图课

让文章长出一张会动的架构图

黑底手绘风，流光沿着管线移动、模块脉冲发光。一次拿到三种产物：会动的 GIF、静态 PNG、还能继续编辑的 .excalidraw 文件。

现在就装 GitHub 仓库

870 Star仓库热度
纯本地渲染Python + Pillow，不用远程 API
10 分钟从装到出图

岚叔动态架构图成品：黑底手绘风的 Claude Loops 架构图，流光沿管线移动 — 官方示例「Claude Loops」丢一篇文章进去，拿到的就是这样的动图。

先装技能

终端里两条命令：

bash

git clone https://github.com/cclank/lanshu-animated-architecture-diagram.git ~/.codex/skills/lanshu-animated-architecture-diagram
pip install -r ~/.codex/skills/lanshu-animated-architecture-diagram/requirements.txt

需要 Python 3.9 或更高版本。pip 报「externally-managed-environment」时，改用 pipx 或按提示建虚拟环境，不要给系统 Python 加强制覆盖参数。

出第一张图

重启 Codex，新任务里发送：

text

用 $lanshu-animated-architecture-diagram 把下面这篇文章做成动态架构图，中文标注。
做完把 GIF 路径发给我。

（粘贴一篇讲系统或流程的文章）

没有现成文章的话，把你正在学的任何教程页面全文贴进去也行，它会自己提炼模块和数据流。

出图成功拿到三个文件：会动的 GIF、静态 PNG、可继续编辑的 .excalidraw。

两分钟验收

模块对得上原文图里每个方块都能在文章里找到出处，多出来的让它删掉。
箭头方向没画反顺着流光走一遍数据流，和原文描述一致。
中文没有乱码缺字体时按仓库 README 的字体说明装中文字体再重跑。

接着玩

图不满意，直接用 excalidraw.com 打开 .excalidraw 文件手动挪模块，改完让技能只重新渲染动画。
想要别的画风，去玩法图鉴换 dashmotion 或 cc2image。
发公众号用 GIF，发朋友圈九宫格用静态 PNG。