十五画境·AI 动画手艺书
想要一段片头动画、知识讲解动画，不会 AE、不想套模板的，把它丢给你的 AI。
当前版本 0.7.0 · 更新记录 · 所有发布
它教 AI 用代码做 MG 动画短片。你只要说想要什么感觉（科技感、冲击力、高级、可爱……），AI 来定用哪种风格、哪些手法、哪个工具。现有 16 张风格卡，每张都写清楚了一眼认出它靠什么、画面怎么摆、10 秒的节奏怎么排、最容易做成「不像」的地方在哪；卡里没有的风格，按模板先写卡再做，风格数量不封顶。工具按画面挑：大多数用 Canvas，真 3D 用 Three.js，video-shotcraft 的 124 张镜头卡可以用 Remotion 单独渲染再拼进来。导出带声音的 MP4，每次都是新片子，不是换字的模板。
上面的样片都是 AI 照着这本手艺书写代码做出来的：画面、动画、配乐全是代码，没有用生图或生视频模型。
30 秒装上
npx -y skills add liuhaisi2026212-maker/motion-palette-15 -g --all
装好后跟你的 AI 说一句「用十五画境做一个 10 秒的片头，主题是……」就行。支持 Claude Code、Codex、Cursor 等能装技能、能运行代码的智能体。
- 手动安装：到 Releases 下载
shiwu-huajing-*.zip，解压出的 shiwu-huajing 文件夹放进 ~/.claude/skills/（Claude Code）或 ~/.codex/skills/（Codex）。
- 用豆包、DeepSeek、Kimi 这类只能聊天的：把
SKILL.md、05-一般模型怎么做.md 和你要的那张风格卡一起上传，它会写出完整代码；你把代码放进 starter/，双击启动器预览、导出。
做一次给你看
你说：
用十五画境做一个 10 秒的赛博 HUD 片头，主题是「帮主人找走丢的猫」。
AI 先读赛博 HUD 的风格卡，再写节拍表（还不写代码）：
| 秒 | 画面 | 声音 |
|---|
| 0～0.7 | 一条亮线上下展开开机，外框、瞄准镜圆环依次画出 | 低频嗡声、重击 |
| 0.4～2.4 | 左列自检日志逐行打出，右列面板出现，街区地图从上往下扫出来 | 每行一声短哔 |
| 2.4～4.4 | 数字开始乱跳、雷达 2 秒扫一圈 | 120 BPM 底鼓进来 |
| 4.4～5.9 | 发现信号；候选比对：NO MATCH、NO MATCH、MATCH 99.7% | 两声高音提示 |
| 6.4 | 全屏从青色硬切琥珀色，横向锁定带「目标锁定 / LOCKED」，冲击波扩散 | 重击 + 双音警报 |
| 6.4～9.4 | 镜头俯冲放大到猫的位置，坐标框弹出，数据上传走满 | 上行琶音 |
| 9.8～10 | 画面收成一条线关机 | 下滑音 |
然后写代码、逐帧渲染、抽帧自查、导出 MP4。 成片：
它还会交代：用了哪些风格卡上的必备元素、各在哪一秒，字体、图片、音乐的来源，以及哪里还不够好。
能做到什么程度
| 你的情况 | 能做到 |
|---|
| 强模型（Claude、GPT 一档）+ 能运行代码的智能体 | 上面样片的水平。样片每支都经过 2～3 轮「抽帧看图 → 对照风格卡改」，一次出来通常还差一口气，多让它自查几轮 |
| 一般模型 + 能运行代码 | 照「最小可行做法」只用 2～3 个手法，做出干净、认得出风格的短片；细节和镜头会比样片简单。这一档还在实测中 |
| 只能聊天的平台 | 给你完整代码，预览、导出要你在电脑上点一下；它看不到画面，改错要靠你截图反馈 |
做不了的： 真人实拍和写实人物、口型同步、照片级写实 3D、几分钟的长片（建议 8～20 秒一支）。它擅长的是片头、转场、知识讲解、产品亮点这类图形动画。
需要的环境： 预览和导出要 Chrome 或 Edge，加 Node.js 或 Python 其中一个；命令行批量渲染要 ffmpeg。
16 种风格
风格不封顶：卡里没有的，AI 会按新风格卡模板先写卡再做。
不知道选哪种：看选风格，或者直接说主题，让 AI 给你推荐两三种。
怎么用
直接说你现在的情况：
- 只说感觉：「给一个 AI 工具做 30 秒宣传片，要有科技感、有冲击力」。它先填一张需求简报，把感觉翻译成动效参数，选风格和工具，出几个方向的静帧，再排分镜。想一起定就说「先给我看方向」，它会在简报、方向、分镜三处停下来等你。
- 点名风格：「用像素风做一个 15 秒的片头，主题是新手第一次下厨，横屏」。
- 不知道用哪种风格：说主题和给谁看，它给 2～3 个候选，各一句理由。
- 抖音竖屏：说「竖屏 9:16」，综艺花字、知识科普贴纸最适合。
- 几种风格拼一支：「把 HUD、花字、像素各做 6 秒，拼成一支合集」。每段单独做、单独检查，再在代码里拼起来，段与段之间用圆形放大、推屏、卡拍子硬切这些转场接住。
- 每种风格单独一支：「15 种风格每种出一支 8 秒的」。可以和合集一起要。
- 有品牌名、logo、照片：一起发给它，它会放进片子里；没有品牌名它会编一个，不会用别人的。
- 做完不满意：说哪一秒哪里不对（最好截图），它对照风格卡改。
它会先填需求简报、定方案、排分镜，然后才写代码。导出前会跑一遍自动体检：查字号、字和背景的反差、会不会被抖音界面挡住、文字重叠、画面停住、节奏、响度，有问题改完再导出。能开子 agent 的环境里，交付前还会另开一个新的 agent 独立复查。交付时给 MP4、源码文件夹和一段说明。
它和直接让 AI 做动画有什么不一样
直接让 AI「做个赛博朋克风动画」，通常得到的是几个元素飘在空白里：一个雷达、两个小面板，像屏保，不像电影里的指挥舱。差的不是代码能力，是不知道这种风格靠什么成立。
- 风格卡是对照成片总结的：每张卡第一节就是「最容易做成不像的原因」，接着是画面版式表（每块放在哪、放什么）、10 秒时间表（每一秒发生什么、配什么声音）、配色、字体。
- 有现成的脚手架：逐帧渲染、确定性导出，画面和声音严格对齐，导出的 MP4 每次都一样。
- 有踩坑清单和自查清单：做样片时真实遇到的坑（比如 Chrome 不画长度为 0 的圆头线、元球中心会出黑点）都写进去了，做完按清单抽帧检查。
- 分了能力档：强模型读全卡自由发挥，一般模型只走「最小可行做法」，宁可少而干净。
skill 里有什么
skills/shiwu-huajing/
├── SKILL.md 入口：流程、能力档位、文件地图、底线
├── references/
│ ├── 00-工作流程.md 问清楚 → 选风格 → 节拍表 → 静帧 → 动画 → 配乐 → 自查
│ ├── 01-通用手艺.md 缓动、错峰、预备回弹、排版、配色
│ ├── 02-渲染与导出.md 逐帧渲染、导出 MP4、代码合成配乐
│ ├── 03-踩坑清单.md
│ ├── 04-自查与评审.md
│ ├── 05-一般模型怎么做.md
│ ├── 06-版权与素材.md 字体、图片、音乐、商标、AI 生成标识
│ ├── 07-动画手艺进阶.md 三层动、镜头、进退场、关键帧、文字动法、段间衔接、竖屏规矩
│ ├── 08-单风格与合集.md 单独出一种，或几种风格各一段拼成合集
│ ├── 09-从需求到方案.md 需求简报、感觉翻译成动效参数、选风格和手法、方向静帧、分镜
│ ├── 10-工具怎么选.md Canvas / Three.js / Remotion 镜头卡 / 现成视频，各渲各的再拼
│ └── styles/ 16 张风格卡 + 选风格 + 新风格卡模板
├── starter/ 脚手架：改 film.js 就是做片子，双击启动器预览导出；
│ 自动体检、多段拼接和转场、视频片段拼接、Remotion 镜头渲染、并排对比、通用色板、
│ 动画工具（动态模糊、镜头、弹簧、慢快慢平移）、响度自动拉到 -14 LUFS
└── examples/ 16 支样片源码 + 像素 / 扁平 / 综艺花字零件库
方法来源与维护
风格卡对照开源项目 mg-styles-15（作者 Vincentwei1021，MIT 许可）的 15 支样片学习总结：学它每种风格的版式、零件、节奏和质感，用自己的话写成卡片；样片的主题、文案、角色、构图、配乐全部重新做。感谢原作者公开了成片、提示词和完整源码。第 16 种「剪纸皮影」是本项目自己加的。
「从需求到方案」的流程（简报表、两根轴定动效性格、方向静帧、分镜、独立复查）和并排打磨，借鉴了同一作者的 video-shotcraft（Apache-2.0）的思路，用自己的话重写；它的镜头卡不放进本仓库，用到时由 starter/tools/remotion.mjs 从原仓库下载固定版本。
维护记录在 进度记录.md：每一步做了什么、哪里被否定、为什么这么改。legacy/ 里是两条已经放弃的路线（v0.3 改原片配置的模板版、只写镜头表的创作版），留作对照。
许可
MIT：可以用、改、商用、再分发，保留版权声明即可。第三方内容保留各自许可：自带字体为 SIL OFL 1.1，拼贴样片的图片为 CC0，逐项见 NOTICE.md。用它做出来的片子，本项目不主张任何权利；发布前请看版权与素材。以上不构成法律意见。
