@jiangkoumo_：如果你有生成系统或架构动画图表的需求，可以试试名为 live-panel 的这个 skill。它……
摘要
推荐一个名为 live-panel 的 skill，可通过单个 JSON 配置生成终端风格的系统/架构动画图表，支持导出独立 HTML 和 MP4。
查看缓存全文
缓存时间: 2026/10/05 03:22
如果你有制作系统或架构动态图示的需求，可以试试这个名为 live-panel 的技能。它只需一份 JSON 配置即可生成终端风格的面板，支持独立 HTML 和 MP4 输出，非常推荐。
下面是我用它为 Pi 1.0.2 制作的架构图：
相似文章
@YuLin807: How do you create this kind of chart that looks like a picture but is actually a GIF?! I created a skill to implement t…
A user describes how they built a skill to generate live-panel GIF-style animated architecture diagrams that look like static images but animate, turning content (e.g., Airbnb CTO Ahmad Al-Dahle's AI usage talk) into moving visualizations.
@0xQiYan: 还在手动画架构图？拖来拖去改半天？ 收藏！今天必须安利这个skill——我最近装了个 `drawio-skill`，一句话就能生成专业图表，再也不用自己画了。 它的逻辑特别简单：你只用说人话（比如“画一个交易系统架构图”），它直接给你生成…
介绍 drawio-skill 工具，通过自然语言描述即可生成架构图、流程图、ER图等专业图表，支持多轮迭代和导出多种格式，大幅提升画图效率。
@bkdgiffug: 架构图已经半年没更新了？不用再花一下午打开 h... 手动绘制了。
一个名为 drawio-skill 的工具可以通过 AI 生成 Draw.io 图表，包括从代码库逆向工程，提供多种模板和导出选项。
@GitHub_Daily: 需要跟同事讲解项目系统架构，光说不画图效果有限，自己动手画又费时间还画得不好看。 archify，一个能装进 Claude Code、Codex CLI 和 opencode 的 Agent Skill，把一段大白话描述直接变成一张架构图…
archify 是一个能装进 Claude Code、Codex CLI 和 opencode 的 Agent Skill，可将大白话描述直接生成系统架构图、工作流程图、时序图、数据流向图和生命周期状态图，支持深色/浅色主题切换和多种格式导出。
@trendtech33566: 致那些在AI diagram-design绘制图表时变成某种“通用框”的人们，约3.4k。精彩之处…
一项名为diagram-design的新Claude Code技能可让AI生成27种编辑级质量的图表（架构图、流程图等），以自包含的HTML+SVG形式，自动匹配站点的颜色和字体，避免输出看起来千篇一律。