下载地址
https://www.zhengdianxue.com/wp-content/uploads/skills/luluyouweiai--lulu-anatomy.zip将提示词发送给你的 AI 安装该 skills
请根据 https://skillhub.cn/install/skillhub.md,安装 @luluyouweiai/lulu-anatomy。- 把难懂的原理做成一台会动的立体小机器,给老师、技术博主讲课和发公众号:Redis 是抽屉柜、负载均衡是分配转盘、火箭发动机真的喷火、水波槽真的起干涉条纹、齿轮按齿数比咬合着转。等轴测立体画风,明暗遮挡、中文标签、实时读数、分步讲解全自动
- 可选 WebGL 火焰/水波/辉光/蒸汽光效(不支持时自动换静态图形)、拖动转视角的 3D 模式。一条命令出可交互网页、公众号配图、长图、900×383 封面和竖屏讲解视频,视频可选免费中文配音(停顿按标点走,不压语速)和程序合成垫乐。31 种机械零件、18 个中文模板(缓存、防火墙、按键到屏幕、火箭、水波干涉、胡克定律、酸碱指示剂、串联电路、齿轮传动、智能…
- 出图前自动查标签重叠、出画、连线穿机器、字太长。基于 Anatomy(MIT)改造,路路有为出品。
阅读全文 (展开查看完整说明)
概述
把一个原理画成一台真实的小机器:它怎么动,概念就怎么运作。读者认出了机器,就懂了原理。画风、等轴测内核和光效做法来自 Anatomy(MIT);本技能把“手工画几百条路径”改成“填一份 JSON”,加了中文排版、31 种现成零件、18 个中文模板、自动质检、公众号/短视频导出和中文配音。
需要:Node.js 22+(WorkBuddy 自带)、本机 Chrome 或 Edge。不用 Python、不用 npm 安装。视频要 ffmpeg,没有会在第一次导出视频时自动从国内镜像下载(约 30 MB,只下一次)。配音要联网(微软在线语音),断网时 Windows 自动改用系统自带的离线中文语音。
下文 <技能> 指本技能目录(SKILL.md 所在目录)。所有命令都用 node "<技能>/scripts/xxx.mjs",路径含中文或空格时一定加英文双引号。
一张图能出什么
| 产物 | 文件 | 用在哪 |
|---|---|---|
| 交互网页 | 名字.html | 课件、博客、知识库:自动播放分步讲解,可点步骤、拖滑块、键盘左右切换;开了 3D 的可以拖动画面转视角 |
| 公众号配图 | 名字-公众号配图.png(1080 宽) | 正文插图,字号按手机阅读放大过 |
| 公众号长图 | 名字-公众号长图.png | 每一步一张图+说明,从上到下读完 |
| 封面 | 名字-封面900x383.png(2 倍清晰度) | 公众号头图 2.35:1 |
| 竖屏视频 | 名字-竖屏N秒.mp4(1080×1920);带配音时 名字-竖屏N秒-配音.mp4 | 视频号/抖音/小红书:标题→分步讲解→总结 |
| 视频抽帧 | 名字-视频抽帧.jpg | 不打开视频也能检查 5 个时间点的画面 |
| SVG | 名字.svg | 放进 PPT / Figma / 网页继续编辑(光效是静态图形版) |
工作流程(按顺序做,不要跳步)
1. 体检(第一次用时)
node "<技能>/scripts/doctor.mjs"全是 ✔ 再往下。缺浏览器就请用户装 Chrome 或 Edge。
2. 选机器,不要画方框
先读 <技能>/references/主题对照表.md,找用户主题对应的机器组合。有现成模板的直接用模板:
node "<技能>/scripts/build.mjs" --list18 个模板:技术类 redis-cache 缓存、load-balance 负载均衡、blockchain 区块链、firewall 防火墙、keyboard-screen 按键到屏幕、coin-machine 投币机;理科类 lever 杠杆、engine-4stroke 四冲程、heart 心脏供血、rocket-engine 火箭发动机(火焰光效+3D)、wave-interference 水波干涉(水波光效)、hooke-law 胡克定律、acid-base 酸碱指示剂、series-circuit 串联电路(灯泡辉光)、gear-ratio 齿轮传动比、dial-gauge 千分表;生活/物联网 safe-lock 转盘密码锁(3D)、smart-watering 智能浇花。
零件一览:node "<技能>/scripts/build.mjs" --kinds(31 种,含每种能写的状态)。
3. 复制模板到用户的工作目录,再改
node "<技能>/scripts/new.mjs" redis-cache "<工作目录>/图解-缓存.json"主题和模板相近:只改文字、数字和状态。用文件编辑工具逐个替换要改的字段值(title、subtitle、caption、label、note、readout、brand、数字),不要整份重写 JSON——整份重写最容易把引号、逗号写坏。每个顶层文案(title、subtitle、summary)都要对照用户需求核一遍。主题没有模板:选最接近的模板复制,再按对照表增删 stations/flows/steps。字段含义全在 <技能>/references/规格说明.md,改之前读一遍。
写 JSON 的硬规则(照做就不容易出错):
- 只写 JSON,不要写 SVG、不要改技能里的脚本。 所有画法都在零件里。
- 机器 ≤6 台,步骤 3-5 步;
title≤12 字(竖屏一行半以内);label≤10 字;caption≤50 字。放不下时 check 会报“错误”,以 check 为准。 - 每一步都写
caption;有东西在“流动”就写send;有东西“变化”就写state;要读者看哪台就写focus。 - 数字要真实:耗时、比例、公式、生理顺序、化学现象先确认对再写。不确定的写“约”,不要编。
- 署名:
brand写用户的号名或老师名;用户没说就保留模板默认或写false去掉。 - JSON 里只用英文双引号,最后一项后面不加逗号。
可选增强(都在规格说明里有例子,不写就是关闭):
- 光效:
nozzle(火箭)点火、piston点火自带火焰,bulb亮了自带辉光,pool开了自带水波;别的机器要加光效写"effects": [{"type": "steam", "station": "壶的id", "steps": [2, 3]}](type 可选 flame/water/glow/steam)。浏览器没有 WebGL 时自动画静态火苗/波纹,导出照常。不想要光效写"webgl": false。 - 3D 视角:顶层写
"view3d": true。交互网页里可以拖动画面转视角、点“转一转”;竖屏视频开头镜头会从侧面转到正面。 - 视频配音/垫乐:导出时加
--voice、--music(见第 5 步),或在 JSON 里写"video": {"voice": "xiaoxiao", "music": "warm"}。每步念的稿子默认就是 caption;想念得和字幕不一样,给那一步加"say": "……"。
4. 生成 + 质检
node "<技能>/scripts/build.mjs" "<工作目录>/图解-缓存.json"
node "<技能>/scripts/check.mjs" "<工作目录>/图解-缓存.html"build 会先检查结构(id 写错、零件不存在、状态键不认识、光效写错),错误是中文的,照着改。check 在浏览器里把每一步、三种版式都摆出来量:标签重叠、标签挡机器、出画、连线穿过机器、机器叠在一起、说明太长放不下、光效盖住标签。出现“错误”必须改 JSON 重新 build,“提醒”可以不改。常见改法见 <技能>/references/排错.md。同一个错误改两次还在,就换思路(调 spacing、换 at 摆位、去掉连线的 label、减少机器)。
5. 导出
node "<技能>/scripts/export.mjs" "<工作目录>/图解-缓存.html"默认全部导出、视频无声。只要一部分:--png(公众号配图)、--long(长图)、--cover(封面)、--video(竖屏视频)、--svg。其他参数:--step 2(配图用第几步的画面,默认最后一个有流动令牌的步骤)、--seconds 15(无配音时的视频时长)、--out <目录>、--no-webgl(强制用静态光效)。导出前会自动再质检一次,有错误会停下。
带配音和垫乐的视频:
node "<技能>/scripts/export.mjs" "<工作目录>/图解-缓存.html" --video --voice --music--voice后面可跟音色:xiaoxiao(默认,女声温暖)、yunxi(男声解说)、yunjian、yunyang、xiaoyi、yunxia(少年音)。先用微软在线神经语音(免费、要联网),连不上自动改用 Windows 自带离线语音(康康/慧慧/瑶瑶,机械感明显);--tts win强制离线,--tts edge强制在线。- 有配音时视频长度跟着配音走(每步至少念完再换下一步),不会为了凑 15 秒加快语速;句号、问号处停得长,逗号处只换口气。
--seconds此时不起作用;想短就把 caption/say 写短。 --music后面可跟风格:warm(默认,慢、无鼓)、curious(轻快拨弦)、tense(紧张)。垫乐是程序现场合成的,不下载、没有版权问题;有配音时人声一出来垫乐会自动压低。
视频约需 30-90 秒(逐帧截图),命令会打印进度。导出后打开 -视频抽帧.jpg(5 格从左到右=开头到结尾,最后一格是总结卡)和 -公众号配图.png 看一眼再交付,重点看:字有没有被盖住或截断、图上的数字和说明是否一致、火焰/水波有没有出现在该出现的步骤;看不了图片时至少确认质检通过、文件大小正常(PNG >100 KB,MP4 >300 KB)。导出时如果打印“浏览器没开 WebGL,光效用的是静态版”,画面照常可用,告诉用户一句即可。
6. 交付
告诉用户每个文件的完整路径和用途;交互网页双击即可在浏览器里打开。提醒:
- 公众号:配图/长图直接上传;封面在“封面”处上传。
- 视频默认无声,适合配平台自带音乐或自己口播;要配音就按第 5 步加
--voice。配音是微软的合成语音,商用前请用户自己确认平台规则。 - 想改字:改 JSON 后重跑第 4、5 步。
盲测请求示例(怎么落地)
- “画一张图讲清楚 Redis 缓存为什么快,要能发公众号” →
new.mjs redis-cache→ 按需改文案 → build → check →export.mjs --png --long --cover。 - “给初二物理做一张杠杆原理的动态解释图,再出个 15 秒竖屏视频” →
new.mjs lever→ 按教材改数字和 brand → build → check →export.mjs --video --png;交互网页里有滑块,学生可以自己拖砝码。 - “做个火箭发动机原理的讲解视频,要配音” →
new.mjs rocket-engine→ build → check →export.mjs --video --voice --music。 - “讲讲消息队列怎么削峰” → 无模板:复制
load-balance,把 balancer 换成queue,按对照表“消息队列”一行改 stations/flows/steps。
和其他技能的分工
- 想要整节课的 3D 互动课件(猜一猜、挑战、能量流动)→
book3d-courseware。本技能是“一张图讲清一个原理”,重在发公众号和短视频。 - 想要 Anatomy 原作那种手工精修、几百个零件的英文产品级插图 → 原作 anatomy 技能(需要强模型、几小时)。
许可
等轴测内核 scripts/iso-kit.mjs 来自 Anatomy(MIT,Copyright (c) 2026 Ryan),原文未改;光效层按原作的 WebGL 规则自写;版权与许可见 LICENSE.txt。其余脚本、零件库、模板、配音与垫乐脚本为路路有为编写,同样以 MIT 发布。ffmpeg 从 npmmirror 的 ffmpeg-static 镜像下载(GPL 构建),不随技能分发。在线配音调用微软 Edge 朗读服务(非官方开放接口,可能变动),离线配音用 Windows 系统自带语音。