📌 项目地址：github.com/ythx-101/live-panel-skill | 星数：427+ | 语言：Python（纯标准库）| 依赖：Chrome + ffmpeg | 致谢：@thedelost 原创意
社交平台上传疯的「终端风架构动画」终于有了开源复刻：live-panel-skill 把一份系统描述 JSON 渲染成永远在跑的动画架构图——数据包沿连线流动、日志滚动、计数器跳动、状态条翻转。输出直接是 X/小红书 ready 的 H.264 MP4 或实时网页，纯 Python 标准库零 pip 依赖。视频类 Skill 的同伴见 LiveCanvas教程 与 HyperFrames教程。
| 示例 | 主题 | 来源致谢 |
|---|---|---|
| codex-agents | 终端暗色 4:5，Codex agent 树 | 重制 @thedelost 原创画面（设计归原作者） |
| agent-architecture | 浅色粉彩 3:4，AI Agent 完整架构 | 重制小红书 @林纾 信息图（页脚署名） |
| airbnb | 终端暗色中文，Airbnb 访谈数据 | 数据来自 Latent.Space 访谈原话 |
每条约 28-30 秒、30fps、静音 AAC 轨（防止聊天应用把它当 GIF 处理）。
# 要求：Python 3.8+（纯标准库）+ Chrome/Chromium + ffmpeg
# 渲染动画架构图
python3 scripts/render.py \
--config examples/codex-agents/config.json \
--out out.mp4
# 逐帧检查
python3 scripts/check_frames.py \
--config examples/codex-agents/config.json \
--out-dir frames --repeat
# 也可以输出实时网页版一个 Claude Code 风格 Skill（ythx-101/live-panel-skill，427 星）：把一份系统描述（一个 JSON 文件）变成『终端风、永远在跑』的动画架构图——数据包沿连线流动、日志滚动、计数器跳动、状态条翻转、侧触发器轮流点亮。输出 H.264 MP4（X/小红书 ready，静音 AAC 轨防被当 GIF）或实时网页。
极轻：Python 3.8+ 纯标准库，无任何 pip 包；渲染需要 Chrome/Chromium 和 ffmpeg。渲染命令：python3 scripts/render.py --config examples/codex-agents/config.json --out out.mp4；还有 check_frames.py 做逐帧检查。
项目把致谢写在最显眼处：创意与动效语法来自 @thedelost 的 Codex agent-tree 架构图短片（经 @slashui 转发扩散），examples/codex-agents 是该画面的重制（标注设计归 @thedelost）；agent-architecture 示例重制自小红书 @林纾 的《AI Agent 的完整架构》信息图，视频页脚有署名。方法（配置驱动模板）为本项目重新实现。