企业官网建设流程全解析

用代码让35种艺术风格真正动起来：huashu-art-motion 艺术动画 Agent Skill 完全指南

【免费下载链接】huashu-art-motion艺术动画skill：35种艺术风格、9种解说语法，用代码让画动起来。项目地址: https://gitcode.com/gh_mirrors/hu/huashu-art-motion

huashu-art-motion 是一个开源的艺术动画 Agent Skill：你的 coding agent 会把艺术风格写成"会动的画"。35 种艺术风格配方 + 9 种解说动画语法 + 完整渲染管线，梵高的星空在转、埃及圣甲虫在推太阳、像素角色顶出金币——每一帧都是代码画出来的，不是图片切换。

60秒看懂：这个艺术动画 Skill 能做什么

你不需要会画画，甚至不需要会写渲染代码——你只需要对 AI Agent 说一句人话，剩下它来办：

一句话概括：风格用代码画，人用 AI 生帧，节奏用网格锁，验收用数字量。

35种艺术风格：每种都带一张"配方卡"

从公元前 40000 年的岩洞壁画一路画到 2026 年的扁平插画，同一个房间、同一位少女、同一只橘白猫，画风在变、骨架不动。下面是 35 段真实样片各取一帧的总览：

关键设计在于：每种风格不是一段视频，而是一张可复用的配方卡，存放在 references/风格配方/INDEX.md。每张卡都记录了：

• 核心渲染器：梵高是流场笔触、印象派是区域色板短笔触、8-bit 是 240×135 逐像素 14 色板；
• 母题动作（画怎么活）：埃及圣甲虫推日、回纹带滚动、金箔高光扫过、像素方块顶出金币；
• 签名转场（怎么进入它）：进希腊是陶瓶滚筒转面，进罗马是马赛克砖翻面，进 8-bit 是像素化；
• 当前短板：诚实标注质量星级（★★★ 20 种 / ★★ 14 种 / ★ 1 种），下次做到它时先超越短板。

对应的场景代码共 35 个，全部放在 scripts/engine/scenes/，每个文件就是一个可独立渲染的艺术风格动画段落。

核心案例「花叔闯进超级玛丽」：砖块、水管、关卡运动与转场全部用代码完成，人物用生成帧合成——下面截自 65 秒成片：

9种解说动画语法：喂一份 JSON 就出一段视频

除了艺术风格，这个 Skill 还收录了 9 种 YouTube 解说动画语法卡（references/09-视频动画语法.md），其中 8 种附带可运行示范片和参数化片段——给一份 JSON 规格，render.py就输出一段时长精确到帧的视频：

以财经图表语法为例，这是真实渲出来的效果（柱状图从 0 长出、标注最后落定）：

每种语法都认一套cue字段（at秒、kind、text、data……），最小写法复制改字就能用。8 份开箱即用的 JSON 样例在 scripts/engine/examples/，横屏竖屏、透明底（--alpha）都支持。

长卷穿越片：一个人从左走到右，穿过一幅幅名画

艺术史速通是「同一个房间换画风」，长卷穿越片则是一条横向长画卷：每个世界是一段横向延展的画，主角一直往右走，跨过边界那一刻，他的画风和世界一起换，镜头只进不退。

骨架在 scripts/engine/demos/long_scroll/，方法细节见 references/11-长卷穿越片.md。几个写死的约定很妙：全片统一的地面线和主角身高、所有事件相对「互动开始」定时（后来全片步速提速，各段一行都不用改）、每条边界用该世界的签名语言画。作者用它做出了 2 分 08 秒、23 种画风的《花叔穿越名画》，仓库收进了骨架和 3 段示范。

让画"活"的秘密：五层机制（人话版）

为什么不是「图片之间的转场」？因为 references/02-机制.md 里总结了五层机制，换任何题材都成立：

1. 一个固定的场景骨架——窗、桌、猫、人、年份牌位置几乎不动，观众的眼睛有锚点，才看得清「变的是风格」；
2. 每一幕都是活的画——主角一个连续动作 + 2~4 个取自该时代视觉母题的小循环（梵高星空旋转、罗马火山冒烟、波普四宫格换色）；
3. 转场 = 下一个时代的签名语言——不从转场库挑通用的，从新风格最有辨识度的元素里长出来；
4. 节拍网格加速——128 BPM 不变，每段占的八分音符数递减，速度没变、观感越来越急；
5. 一个连续的叙事锚 + 结尾角色梗——年份计数器是全片唯一连续的东西，结尾 4 秒的笑点让人想转发。

至于"一帧先行"（先设计一帧有艺术感的画面，再让它动），仓库里实跑验证过四条路线：纯代码、AI 分层素材+代码动、视频模型首尾帧、混合，适用场景和坑都写在 references/03-一帧先行四条路线.md。

画面里要有人？角色交给生图模型出帧（按画风生成 sprite 帧 + 绿幕抠图），代码负责位置、换帧时机和材质——几何角色则直接用代码画：

快速上手：三步装好并渲出第一幅画

第一步，安装 Skill：

npx skills add alchaincyf/huashu-art-motion

或者把仓库克隆到本地：

git clone https://gitcode.com/gh_mirrors/hu/huashu-art-motion cd huashu-art-motion

第二步，准备依赖：uv、ffmpeg、Playwright Chromium（首次运行uv run --with playwright playwright install chromium装浏览器内核）。

第三步，渲第一幅画——先出一帧梵高风格的静帧试试水：

uv run --with playwright python scripts/engine/render.py --solo 09_postimp --stills 0.3 --out 试渲

想要一整段解说动画片段，喂一份 JSON 就行（references/风格配方/INDEX.md 选风格，examples/抄格式）：

uv run --with playwright python scripts/engine/render.py --spec scripts/engine/examples/t3_finance_chart.json --out 财经图表.mp4

15 秒 60fps 的整片在 M 系列 Mac 上约 90 秒渲完，日常迭代完全体感友好。

交付前的两道"考试"

这支 Skill 的交付标准比"看着不错"严格得多：

• 数字验收：scripts/qa.py 量稳定、效率、动感、流畅及文字框景线索；确定性要求「同一时刻渲两次逐像素一致」，所有随机都带种子；
• 独立审片：派一个没参与制作的 Agent 只看成片挑问题，审片时连「拖拍 0.1 秒」都会被量出来。

经验也会回流：每做完一支片，新风格写进配方卡、做对的事写进 references/07-正面经验.md（做法 + 证据 + 为什么 + 何时用）、新坑写进对应文档的「踩过的坑」。这就是 Skill 能越用越强的原因。

仓库目录速查

适合谁用 🎬

• 内容创作者 / UP 主：口播视频里需要一段"有艺术质感的动画"，不用再找模板网站；
• AI 应用开发者：把「拆解 → 机制 → 代码复刻」和 8 种参数化语法接进自己的视频管线；
• 对"代码生成动画"好奇的人：这是少见的把 35 种画风的渲染器、20+ 种签名转场、踩坑记录全部开源的完整工程。

代码与文档采用 MIT 许可，随便用、随便改、随便造（花叔角色形象仅限本 Skill 示范用途）。装好 Skill，对你 coding agent 说第一句话就可以是：「用梵高的风格，画一只猫在窗边看星星，让星空动起来。」

【免费下载链接】huashu-art-motion艺术动画skill：35种艺术风格、9种解说语法，用代码让画动起来。项目地址: https://gitcode.com/gh_mirrors/hu/huashu-art-motion