huashu-art-motion README

The project's README from github.com/alchaincyf/huashu-art-motion. As one markdown file: README.md.

huashu-art-motion电影画廊：35种艺术风格，9种解说语法

huashu-art-motion · 艺术动画

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

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

npx skills add alchaincyf/huashu-art-motion

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

动画样片

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

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

花叔顶砖触发会员选择，光标从OpenAI移到Claude，获得星芒道具后变大

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

花叔踩下像素敌人，踢出缩成球的敌人撞飞前方角色，接着顶碎砖块
连踩带踢 · 像素Sam与Dario客串敌人		 花叔钻进水管，镜头穿过绿色隧道进入金币密室，再用扫描线甩镜返回地面
钻进水管 · 金币密室与扫描线甩镜

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

花叔穿越名画

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

莫奈日本桥：打水漂，水面泛起涟漪

日本桥上的一次水漂。

古埃及：与圣甲虫互动
古埃及 · 圣甲虫		 8-bit：顶方块出金币
8-bit · 顶出金币

看效果

35种艺术风格真实样片总览

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

👉 下载全风格样片（MP4）

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

长卷穿越片示范：埃及壁画、莫奈日本桥、8-bit 像素

8种解说语法各有一支可运行示范片（下图每镜取一帧）。此外还有第9种「讲解员式财经科普」，提供语法卡和需自备角色的整片代码快照。白板适合跟着口播画关系，Vox适合图形与信息拼贴：
Kurzgesagt 风格 Kurzgesagt：扁平无描边、尺度穿行 Vox 风格 Vox：剪报、红线、荧光笔
白板风格 白板：笔尖揭开线稿 3Blue1Brown 风格 3Blue1Brown：一个对象形变成下一个
storytime 风格 Storytime：反应特写、笑点停顿 动态文字 动态文字：主词砸进来
发布会风格 发布会：光斑底、毛玻璃卡、大数字 财经图表 财经图表：先轴、后数据、只标一件事

能做什么

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

交付前有一道数字验收：qa.py 量稳定、效率、动感、流畅及文字框景线索，再派一个没参与制作的 agent 只看成片挑问题。

里面有什么

数量
艺术风格配方卡（参数、母题动作、签名转场、当前短板） 35张，references/风格配方/
对应的场景代码 35个，scripts/engine/scenes/
解说动画语法卡 9份；其中8种附示范片、参数化片段与示例spec
口播整片参考代码 混合风格、白板、Vox、讲解员；需自备部分素材，详见目录README
长卷穿越片示范（骨架＋3 段＋角色帧库） 1 支，scripts/engine/demos/long_scroll/
转场 艺术风格签名转场与解说转场，包含淡入、硬切和纸面转场
绘画与动画库（笔刷、渲染器、后期、骨架、镜头、图表、排版……） 17 个，scripts/engine/lib/
方法文档（拆解、机制、一帧先行、纯代码绘制、节奏配乐、角色、长卷……） 12篇，references/01–12 
huashu-art-motion/
├── SKILL.md                 # 先判断任务，再按表读对应文档
├── references/              # 01–12方法文档、35张风格配方卡、9张语法卡、正面经验
├── assets/                  # 总览图（README 用）
└── scripts/
    ├── engine/              # 可整个复制走的动画工程：引擎、转场、库、场景、示范片、片段
    ├── analyze/breakdown.py # 把参考动画拆成「能写代码的地图」
    ├── qa.py                # 一键验收
    ├── audio/               # 纯代码合成配乐的模板
    └── font_subset.py ...   # 字体子集、绿幕抠图

依赖：uv、ffmpeg、Playwright Chromium（第一次跑 uv run --with playwright playwright install chromium）。试一下：

cd huashu-art-motion
uv run --with playwright python scripts/engine/render.py --solo 09_postimp --stills 0.3 --out 试渲   # 梵高那一段的一帧
uv run --with playwright python scripts/engine/render.py --spec scripts/engine/examples/t3_finance_chart.json --out 财经图表.mp4

背后的故事

2026 年 10 月初，我在 X 上看到 Tak（@cherry_mx_reds）的一支 15 秒动画：一位少女和一只猫穿过 40000 年艺术史，每个时代只有一秒左右，但画里的东西都在动。

我让 Claude 复刻它。第一版是「一张张画之间做转场」，被我否了：原片每个时代可能就一秒，但画里的元素完全是流动的。于是改成先拆解（量转场、拟合节拍网格、看每段哪里在动），再用代码一层层把画画出来、让它动起来。

做的过程中我跟它说：「我们不只是为了复刻，我需要你积累经验。」所以这个 skill 里记的不只是代码，还有哪些做法被证明有效（references/07-正面经验.md）、每种风格的坑和短板。之后又派了 4 组只读 skill 的 agent 去做它没见过的 20 种风格，把它们各自造的轮子收成统一的库；再加上 8 种 YouTube 解说动画语法，接进了我自己的口播视频管线。最后用同一套东西做了《花叔穿越名画》：23种画风、2分08秒，我从洞穴一路走到 2026，骨架和其中 3 段也收进来了。

致谢

关于作者
🌐 官网 bookai.top · huasheng.ai
𝕏 Twitter @AlchainHust
📺 B站 花叔v
▶️ YouTube @Alchain
📕 小红书 花叔
💬 公众号 微信搜「花叔」

许可证

代码和文档：MIT。随便用，随便改，随便造。

例外：笔顺衍生数据reference_films/spacex/spacex_wb/assets/strokes.js沿用Arphic Public License（原文随文件附带）；scripts/engine/lib/fonts/ 里的字体沿用各自的 OFL 许可；花叔的卡通形象与角色帧（scripts/engine/demos/_shared/hero/、scripts/engine/demos/long_scroll/frames/、assets/角色/）以及总览图、示范视频中包含的同一形象，只用于本 skill 的示范，不随 MIT 授权用于其他用途。

女娲 造 Skill。达尔文 让 Skill 进化。艺术动画 让画动起来。

MIT License © 花叔 Huashu

作者的其他项目 · also by 花叔

FanBox · Coding Agent 的驾驶舱

English

huashu-art-motion is an agent skill for making animation with code, where the paintings actually move. It ships 35 art-style recipes (cave painting, Egyptian murals, Van Gogh, Klimt, Bauhaus, Kirby comics, 8-bit, vaporwave, Shinkai and more), each with a working Canvas scene, a style "renderer" and a signature transition; 8 explainer-video grammars (Kurzgesagt, Vox, whiteboard, storytime, kinetic type, 3Blue1Brown, keynote UI, finance charts) with demo films and parameterized clips you drive with a JSON spec, frame-accurate and in landscape, portrait or alpha; a long-scroll skeleton where a character walks left to right through one painting after another (3 sample worlds included); plus a breakdown script that maps a reference animation into cuts, beat grid and motion heatmaps, and a QA script that measures stability, cost per frame, motion and smoothness.

It started as a code-only recreation of Tak's (@cherry_mx_reds) 15-second Art History Speedrun. The scene layouts and the girl-and-cat premise follow his original; every frame here is redrawn in code, and no frames, screenshots or audio from the original are included.

Install: npx skills add alchaincyf/huashu-art-motion. Requires uv, ffmpeg and Playwright Chromium. The skill content is in Chinese. The ninth grammar, presenter-led explainers, ships as a reference implementation and requires your own character assets. Full-narration examples are code snapshots, not ready-to-render projects. Code and docs are MIT; the bundled stroke medians retain the Arphic Public License; bundled fonts keep their SIL OFL licenses; the Huashu character artwork, including its appearance in overview images and demo videos, is for demo use only.

huashu-art-motion (alchaincyf/huashu-art-motion)

Searching Database…

4.2K ·GitHub
Huashu-art-motion
Что это?huashu-art-motion — навык агента, превращающий агента-кодера в аниматора: он пишет и запускает код на JavaScript/Canvas для создания анимаций в художественном стиле, а не генерирует видеокадры напрямую.
Это отдельное приложение или то, что использует агент-кодер?Это не отдельное приложение — это пакет-навык, который загружает агент вроде Claude Code и затем использует, чтобы сам писать и запускать код анимации (сцены, переходы, музыку) на основе 35 входящих в комплект рецептов стилей и 17 библиотек движка.
Как установить и начать пользоваться?Установите его командой npx skills add alchaincyf/huashu-art-motion, затем при первом запуске установите headless-браузер Chromium, который нужен Playwright для рендеринга.
Что нужно установить, кроме самого навыка?Нужны uv, ffmpeg и браузер Chromium для Playwright; установка Chromium — разовый шаг через uv run --with playwright playwright install chromium.
Все ли 9 грамматик повествования готовы к запуску из коробки?Только 8 из 9 грамматик объясняющих видео идут с запускаемыми демо и параметризованными клипами; девятая — объяснения с ведущим — лишь референсная реализация, требующая ваших собственных ассетов персонажей, а референсный код полного повествования — снимок, а не готовый к рендеру проект.
Что именно покрывает лицензия MIT здесь?Код и документация — под MIT, но это не всеобъемлющая лицензия: справочные данные о порядке черт сохраняют лицензию Arphic Public License, входящие в комплект шрифты сохраняют собственные лицензии SIL OFL, а графика/кадры персонажей Huashu предназначены только для демонстрации этого навыка, но не для повторного использования где-либо ещё.
Зачем автор это создал?Автор увидел на X 15-секундную анимацию «Art History Speedrun» от Tak (@cherrymxreds) и попросил Claude её воссоздать; когда первый вариант из простых перекрёстных затуханий между картинами показался неправильным, он перестроил всё в конвейер «сначала разбор — потом код» и продолжил развивать это в полноценный навык.
Навык сам рисует человеческих персонажей?Нет — сцены, реквизит и переходы рисуются кодом, но любые люди в кадре приходят из модели генерации изображений; задача кода — смонтировать, смешать кадры и текстурировать эти сгенерированные кадры в сцену.
Какие грамматики объясняющих видео входят в комплект?Плоские «путешествия камеры» в стиле Kurzgesagt, коллажи в стиле Vox с красными линиями и маркером, раскрытие на «белой доске», морфы объектов в стиле 3Blue1Brown, сторителлинг-склейки с реакциями, кинетическая типографика, карточки с боке/стеклом для запуска продуктов, нарастающие финансовые графики, плюс девятый стиль с ведущим, требующий ваших ассетов персонажей.
Может ли навык также написать саундтрек к анимации?Да — музыку он создаёт чисто кодом: сетку BPM, смены инструментов по мотивам и финальную последовательность звуковых эффектов — и всё это без внешних аудиосэмплов.
What are similar projects?procedural-film, guizang-product-video-skill, onetake, saas-motion-kit, livecanvas, herk-edit-kit, explainroo, ClaudeAnimationBase
Which topics is it in?explainer-video, ai-skills, motion-design, generative-art, font, creative-coding, typography, canvas, claude-code-skill, playwright, claude-skills, ffmpeg
Creator
alchaincyf
Size
76.8 MB
Stars
4.2K
Updated
CommitOct 16Releasev1.2.0Oct 16
Age
11d
Commits · 90 Days