我开源了一个解析难懂概念，画动图的 Skills，不会代码也能用，35 种图型一句话出图

开源了一个叫「动」悉万物的 Skills，35 种图型、27 种风格、5 种画幅，Claude Code 和 Codex 装上就能用。不用写代码，说一句话就出会动的图，静态图讲不清的流程终于有解法。

我刚开源的一个 Skills —— 「动」悉万物

35 种图型、27 种风格、5 种画幅，Claude Code、Codex 这类 Agent 装上就能用，移步文末可一句话安装，打包带走

「动」悉万物 SKILL

讲流程、讲数据，将难懂的概念（比如次条：DeepSeek 开源了 dsh-superagent-prototype），静态图有个老毛病：先发生什么、后发生什么，全靠读者自己脑补，扫一眼就划走了

我公众号的配图，之前全靠 GIF ，往往尺寸较大，信息量很低

所以，我设计了 35 种图型、40 个示例

分两大类：

• 过程类 14 种：流程图、时序图、状态机、层级状态机、数据管线、分层穿透、闭环飞轮、赛跑、时间线、漏斗、思维导图、柱线增长、网络扩散、前后对比
• 数据与结构类 21 种：环形占比、四象限、坡度图、气泡图、等距堆叠、甘特、桑基、Git 分支、用户旅程、看板、雷达、韦恩、金字塔、ER 图、矩形树图、华夫格、数字看板、热力格、对照表、大号步骤、生态轨道

不知道选哪种也没关系，你只管描述内容，「动」悉万物 SKILL 自己判断「什么在动」再挑图型

方案	会动吗	怎么出图	进公众号	花多少钱
Mermaid	不动	写语法	先转图片	免费
飞书白板、Excalidraw	不动	手动拖拽	导出图片	免费
Napkin	不动	贴文字自动配图	导出 PNG、PDF	免费版有水印
PPT、AE 做动画	会动	逐帧调	转 GIF 或视频	软件费加半天时间
SVG 排版定制	会动	找排版app	直接用	单独询价
「动」悉万物	会动	说一句话	贴进文章	免费开源

27 种风格，同一张图换身衣服

风格只管材质，不碰内容，同一份 RAG 流程，换个参数就是另一种气质

我自己的习惯：

• 技术长文用瑞士网格，冷静克制
• 科普入门用白板手绘，就是 Excalidraw 那种抖线加楷体
• 讲 Agent、命令行用终端绿屏
• 评测、战报用新粗野或国际海报
• 金融理财用杂志瓷蓝
• 历史文化用水墨朱印，右上角一枚朱砂印
• 上课用黑板粉笔
• 画产品草图用钢笔彩铅
• 讲价格、账单用收银小票

懒得选就写 auto，它按标题关键词自己挑

5 种画幅，一份内容多处用

公众号配图默认 3:4 竖版，手机上正好一屏

同一份内容改个参数，还能出：

• 9:16：视频号、抖音、小红书全屏
• 1:1：朋友圈方图
• 4:3：PPT、博客
• 16:9：B 站、横屏视频

坐标按画幅重新排，横版自动左右展开，内容一个字不用改，再加一条命令就能导出 MP4 或 GIF，做视频的兄弟可以直接拿去当画面素材

实测

每张图上面那句加粗的，就是我对 Agent 说的原话，图里是示例数据，换成你自己的就行

• 讲流量去向：1 万个访客，最后留下了谁
• 讲项目排期：两周上线一个 RAG 客服
• 讲发布战报：开源项目发布第一周
• 讲成本拆账：一个 AI 客服，每月的钱花在哪
• 讲 Git 工作流：线上出 bug，hotfix 怎么走
• 讲观点：什么选题能写出好文章
• 找漏洞：会员退款的状态图，哪里漏了

还有很多 Demo ，就不注意介绍了

• 等距堆叠：一层层 3D 板子从上方落下来，请求从顶层穿到底层，讲技术栈、讲分层架构正合适
• 坡度图：只看两个时间点，谁涨谁跌一根线说清楚
• 气泡图：横轴、纵轴、气泡大小，三个维度一张图

谁该用，怎么上手

安装一条命令：

npx skills add tjxj/z-skills –skill z-dongxi

装好之后，对 Agent 说话就行：

用动悉万物画张图：一杯手冲咖啡要经过几道工序，牛皮纸风格

把这段 RAG 流程做成动态图，白板手绘风

把下面这张表做成赛跑图，16:9 横版，再导出 MP4

画完它会自己过一遍兼容检查，再截 8 帧看动画顺序对不对，有字挤在一起会自己改

总结

我给它的定位：让讲过程、讲数据的配图动起来，成本降到一句话