live-panel-skill

把一份 JSON 配置渲染成会动的流程面板，输出 HTML 和 MP4 动画。

生态: Agent Skills
Skill 分类: 设计
创建者 / 机构: ythx-101（GitHub 用户）

它是什么

live-panel-skill 是 GitHub 用户 ythx-101 做的动画面板 Skill。你把节点、连线、消息、指标这些写进一份 JSON 配置，它用渲染脚本做成 HTML 页面，再录成 MP4 动画。README 说，SKILL.md 让它可以给 Claude Code、Codex 和其他读 SKILL.md 的 Agent 用，Agent 自己写 JSON、自己渲染、自己检查画面。

整件事 Agent 可以一条龙做完：配置和文案由模型写，浏览器和 ffmpeg 负责出画面和视频。Skill 还要求真实数据要写清来源，模拟数据要标成 simulated。仓库里的 Slack、PR 之类面板只是示例，不会真的连上这些账号。

适合谁：想把系统流程、数据流做成一段动画，放进演示或社交媒体的开发者和内容作者。

使用前提：复制 Skill 目录，渲染需要 Python、Chrome 或 Chromium、ffmpeg；文档支持 Linux 和 macOS，Windows 要用 WSL。它会读本地的 JSON、脚本和字体，写出 HTML、帧和视频，并在本机启动 Chrome 和 ffmpeg。有一个可选的 --no-sandbox 参数，会降低浏览器的隔离保护。使用这些功能前，请自己斟酌安全，由此产生的后果与本站无关，本站一概不负责。许可证是 MIT；README 里列出的外部设计、字体和图标权利另算。中英文都有。

以上根据项目公开说明整理，本站没有实际测试。