开源了一个叫「动」悉万物的 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 自己判断「什么在动」再挑图型

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 帧看动画顺序对不对，有字挤在一起会自己改

总结

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