live-panel-skill 是设计创意领域的开源项目，由 ythx-101 开发，是 2026 年新上线的项目。
它收录于设计创意分类，该分类目前共有 169 个项目，GitHub 星标数为 574。
项目目前处于活跃维护状态，最近一次代码更新于 2026-10-03。免费使用。
它主要面向的使用场景是：技术分享或产品演示中插入动态架构图视频。同类可对比的替代方案包括 Excalidraw、Mermaid、D2。
live-panel-skill
写一份 JSON，自动生成会动的架构图视频或网页
live-panel-skill 是一个配置驱动的动画架构图生成工具，核心思路是让用户只写一份 JSON 文件，就能产出两种风格的动态图：终端风格的常驻动画，或浅色主题的信息图动画。它解决的是架构图“静态、难维护、改一次要重画”的痛点——把图的内容与渲染分离，内容用 JSON 描述，渲染交给工具自动完成。输出格式支持 H.264 mp4 视频和可实时运行的网页，方便嵌入文档、演示或监控大屏。项目同时提供 Claude Code 风格的 skill（SKILL.md），意味着可以接入 AI 编码助手，用自然语言驱动生成。语言以 HTML 为主，适合前端和文档场景快速上手。
开源
free
设计创意
GitHub 星标
★ 574
维护状态
活跃
是否开源
是
定价模式
free
项目预览
项目数据
分类设计创意
开发团队ythx-101
所属国家
定价模式free
价格说明开源项目，免费使用
访问状态
是否开源是
开源协议NOASSERTION
主要语言HTML
技术栈/模型
GitHub 星标★ 574
30天Star增速
HF 下载量
上线时间2026-10-03 00:00:00
代码更新—
仓库体积—
本站数据更新—
维护状态活跃
中文支持
访问方式
移动端支持
综合评分
收录时间2026-10-06
浏览次数0
Star 增长趋势
本站每日记录该项目 GitHub 星标变化，观测越久曲线越完整
正在加载星标数据…
技术标签
使用教程
—
核心亮点
- 一份 JSON 同时产出 mp4 视频和实时网页两种形态，复用成本低
- 内置终端风格与浅色信息图两套视觉主题，无需自己调样式
- 提供 SKILL.md，可接入 Claude Code 等 AI 助手用自然语言生成图
不足之处
- 项目处于早期，574 星标，生态与示例丰富度有限
- 以 HTML 为主，复杂交互或深度定制可能受限于模板能力
适用场景
- 技术分享或产品演示中插入动态架构图视频
- 文档站点里嵌入实时运行的架构图网页
- 用 AI 助手根据描述快速生成架构示意动画
替代项目
Excalidraw、Mermaid、D2
项目介绍
上一篇：oil-ui
下一篇：没有了！
同类项目推荐
open-design
开源
让 AI 代工做界面，本地跑完随手改
Best DeepSeek Harness Design Plugin. The open-source Claude Design alternative. ️ L···
Excalidraw
开源
开源虚拟白板协作工具
Virtual whiteboard for sketching hand-drawn like diagrams
morph
开源
用数据直接生成设计、动画和交互可视化
Morph is a free and open-source tool for creating designs, animations or interactive···
ChatGPT-MidJourney-prompt
开源
输入一句话，AI帮你生成Midjourney完整提示词
This is a ChatGPT based prompt generation model for MidJorney. The purpose of this m···