艺术动画skill:35种艺术风格、9种解说语法,用代码让画动起来。

★ 6,652⑂ 659👁 7⑃ 6● 7▤ 3◈ 0
JavaScriptMITCreated 2026-10-06
6,652
stars
+70+653
659
forks
7
watchers
6
prs
7
issues
3
releases
0
discussions

README

简体中文 | English



 huashu-art-motion · 艺术动画

让你的coding agent,把艺术风格写成会动的画。

36种艺术风格 · 9种解说语法 · 8种参数化片段 · 口播整片参考代码

sh
npx skills add alchaincyf/huashu-art-motion


看动画 · 看风格 · 开始使用 · 下载完整样片



 动态

- 2026-10:Open Design(nexu-io 出品的开源 AI 设计工作区)的 motion-design skill 把 huashu-art-motion 列为设计来源之一,并在 skills/huashu-art-motion 收录了一份适配版,保留了 MIT 许可和上游出处。很高兴这套艺术动画的做法被另一个开源项目用起来,谢谢 Open Design 团队。也欢迎更多项目使用、反馈和贡献。

 动画样片

 核心案例:花叔闯进超级玛丽

把自己做成像素主角,跑完一整关。砖块、水管、关卡运动与转场用代码完成,人物用生成帧合成;下面直接截自65秒成片。



连吃蘑菇都得先选会员:OpenAI,还是Claude?选完Claude,星芒道具落下来,花叔变大。


连踩带踢 · 像素Sam与Dario客串敌人
钻进水管 · 金币密室与扫描线甩镜


这组展示的是成片效果;GIF无声、循环播放。片段时间点与导出参数。

 Clawd 博物馆奇妙夜

Claude Code 的像素吉祥物 Clawd 从保安电脑的终端里蹦出来,打着手电夜巡纽约大都会博物馆,再穿过中央公园去自然史博物馆,天亮前赶回来装成展品。98秒,16个场景,无口播,配乐也是代码合成的。



跳进梵高《麦田与柏树》:笔触方向取自原作的结构张量,Clawd被重画成厚涂。


霸王龙骨架 · 追手电光斑
天亮 · 装成展品眨一下眼


暗处是炭笔夜景,只有手电照到的地方显出颜色;入画的五幅(梵高、修拉、维米尔、伦勃朗、勒茨)都是大都会开放获取的CC0原作,按各自画家的笔法用代码重画。完整成片在Releases,片段时间点与说明。

 花叔穿越名画

画里真的会动。下面三段来自同一支穿越短片,场景用代码画,角色用生成帧合成。



日本桥上的一次水漂。


古埃及 · 圣甲虫
8-bit · 顶出金币


 看效果



35段样片各取一帧:同一位少女、同一只橘白猫、同一张桌子,从公元前 40000 年的岩洞一路穿到 2026 年。每一段都在动:梵高的星空在转,马赛克的颜色从石块上流过去,水墨晕染把画面带进下一个时代。

注意:这 35 格用的是同一个构图,那是艺术史速通片的机制(风格在变、场景不变),不是这些风格的构图。做新题材要为题材重新构图,别把这间屋搬过去。

👉 下载全风格样片(MP4)

长卷穿越片:一个人从左走到右,跨过边界的那一刻,世界和他自己的画风一起换(下图是收进仓库的 3 段示范:埃及壁画 → 莫奈《日本桥》→ 8-bit):



8种解说语法各有一支可运行示范片(下图每镜取一帧)。此外还有第9种「讲解员式财经科普」,提供语法卡和需自备角色的整片代码快照。白板适合跟着口播画关系,Vox适合图形与信息拼贴:

| | |
|---|---|
|  Kurzgesagt:扁平无描边、尺度穿行 |  Vox:剪报、红线、荧光笔 |
|  白板:笔尖揭开线稿 |  3Blue1Brown:一个对象形变成下一个 |
|  Storytime:反应特写、笑点停顿 |  动态文字:主词砸进来 |
|  发布会:光斑底、毛玻璃卡、大数字 |  财经图表:先轴、后数据、只标一件事 |

---

 能做什么

| 你说 | 它做 |
|---|---|
| 「复刻这个动画」「拆一下这段」 | 先跑拆解脚本量出转场、节拍网格、每段运动热图,再按机制用代码复刻 |
| 「做个梵高/莫奈/包豪斯那种的动画」 | 先设计一帧,再让它动起来;36张风格配方卡当起点 |
| 「用我的口播做一段艺术动画」 | 镜头表 → 定风格 → 世界画布加镜头 → 输出一条画面轨 |
| 「做一个人穿过一幅幅名画的片子」 | 长卷骨架:每个世界一个段文件,主角一路往右走,跨边界换画风,镜头只进不退 |
| 「做解说视频的动画段」 | 按口播选语法,喂一份 JSON,出一段时长精确到帧的片段(横竖屏、可透明底) |
| 「画面里要有人」 | 人交给生图模型出帧,代码负责合成、换帧和材质 |
| 「配个乐、卡节奏」 | BPM 网格、动机换乐器、结尾音效序列,纯代码合成 |

交付前有一道数字验收:qa.py 量稳定、效率、动感、流畅及文字框景线索,再派一个没参与制作的 agent 只看成片挑问题;最后 deliver.py 一条命令交付——成片先过反 PPT 门禁(整片几乎没有镜头内快动作就红灯,不出片),过了才复制成片、写交付说明,说明里的事实由脚本写。

---

 里面有什么

| | 数量 |
|---|---|
| 艺术风格配方卡(参数、母题动作、签名转场、当前短板) | 53张,references/风格配方/;其中 38–55 是按原作锚定重做的研究配方(含敦煌壁画) |
| 对应的场景代码 | 53个,scripts/engine/scenes/ |
| 解说动画语法卡 | 9份;其中8种附示范片、参数化片段与示例spec |
| 口播整片参考代码 | 混合风格、白板、Vox、讲解员;需自备部分素材,详见目录README |
| 长卷穿越片示范(骨架+3 段+角色帧库) | 1 支,scripts/engine/demos/long_scroll/ |
| 版面审计与压测(出界/叠字/字太小、竖屏/超长/英文变体、示例回归) | render.py --audit、scripts/clip_lint.py、scripts/analyze/stress_clip.py、regress_clips.py |
| 转场 | 艺术风格签名转场与解说转场,包含淡入、硬切和纸面转场 |
| 绘画与动画库(笔刷、渲染器、后期、骨架、镜头、图表、排版……) | 17 个,scripts/engine/lib/ |
| 方法文档(拆解、机制、一帧先行、纯代码绘制、节奏配乐、角色、长卷……) | 核心12篇,references/01–12;另有可选语音指南 |


huashu-art-motion/
├── SKILL.md                  先判断任务,再按表读对应文档
├── references/               01–16方法文档、53张风格配方卡、9张语法卡、正面经验
├── assets/                   总览图(README 用)
└── scripts/
    ├── engine/               可整个复制走的动画工程:引擎、转场、库、场景、示范片、片段
    ├── analyze/breakdown.py  把参考动画拆成「能写代码的地图」
    ├── qa.

Top issues

Latest release

v1.2.0 v1.2.0 2026-10-16
这版新增了什么

- 新风格:敦煌壁画(北朝)。 土红地与奶白地两栏、白鹿与锯齿山、横飞的飞天和青绿风叶,墙面有龟裂、起甲和盐碱。
- 风格演示重做。 乔托、拉斐尔、米开朗基罗、洛伦采蒂、雷诺阿、高更、马远、波斯细密画等 38–52 号,按新的 16 号协议重做:先拉公版原作取色板和签名,形层过 lib/medium.js 媒介通道,并排对照后才打分。均标为研究配方,不当成熟实做。
- 解说动画语法更稳。 spec 新增 finish(soft/film/punch)成片质感层;长文字改为截断而不是缩到看不清或出界;Keynote 全屏高亮标签随镜头放大反算;Kurzgesagt 加景深光斑和轨道;动态文字竖屏重排。
- 新增质量工具。 render.py --spec … --audit 版面审计(出界/叠字/字太小)、scripts/clip_lint.py、scripts/analyze/stress_clip.py(竖屏/超长/英文/方屏)、regress_clips.py(全部示例回归)、fetch_reference.py(原作锚定)。

 怎么更新

git -C  pull --ff-only

Snapshot: 2026-11-10T09:35:25Z · Data license Apache-2.0 · JSON