用 Claude 借助 p5.js 和 p5.brush 制作手绘卡通动画的入门工具包。
alchaincyf/huashu-art-motion
一套供编程 agent 使用的技能,用代码把艺术风格和解说视频语法做成会动的动画。
- Star
- 4,525
- Fork
- 492
- 未关闭 Issue
- 7
- 最近提交
- 4天前
这是什么?
huashu-art-motion 是一套供编程 agent 调用的技能,用代码生成动画,让画面真正动起来。它内置 36 种艺术风格配方,涵盖岩洞壁画、古埃及壁画、梵高、包豪斯、8-bit 像素等,每种风格都对应一个 Canvas 场景,逐帧绘制并驱动动画。人物可以由生成的帧合成,背景、转场和运动则由代码完成。
在解说视频方面,它提供 8 种动画语法,参考 Kurzgesagt、Vox、白板手绘、3Blue1Brown、发布会界面等风格,并附带可由 JSON 配置驱动的参数化片段,输出帧级精确的横屏、竖屏或透明底视频。长卷骨架可让角色依次穿过多幅画作,每跨过一个边界就切换画风。
仓库还包含拆解脚本,可把参考动画拆成镜头、节拍网格和运动热图;以及 QA 脚本,用于交付前检测稳定性、运动和流畅度。渲染依赖 uv、ffmpeg 和 Playwright Chromium。
核心功能
- 01提供 36 种艺术风格配方,每种都有对应的 Canvas 场景逐帧绘制动画。
- 02提供 8 种解说视频动画语法,附示范片和 JSON 驱动的参数化片段。
- 03支持帧级精确输出横屏、竖屏或透明底视频。
- 04内置长卷骨架,让角色在连续变换的画风中穿行。
- 05可把参考动画拆解为镜头、节拍网格和运动热图。
- 06附带 QA 脚本,检测稳定性、运动和流畅度。
适用场景
- 用代码复刻一段风格化动画,让名画或插画动起来。
- 按口播脚本和指定风格制作解说视频的动画段。
- 制作角色穿越不同画风的转场长片。
- 拆解参考动画,学习其镜头节奏与运动规律。
快速上手
- 1
安装该技能
npx skills add alchaincyf/huashu-art-motion - 2
进入项目目录
cd huashu-art-motion - 3
渲染梵高场景的一帧示例(需要 uv、ffmpeg 和 Playwright Chromium)
uv run --with playwright python scripts/engine/render.py --solo 09_postimp --stills 0.3 --out 试渲 - 4
渲染财经图表示例视频
uv run --with playwright python scripts/engine/render.py --spec scripts/engine/examples/t3_finance_chart.json --out 财经图表.mp4
使用前须知
- 技能内容和文档以中文为主。
- 渲染需要 uv、ffmpeg 和 Playwright Chromium。
- 部分示范需要自备角色素材,讲解员式语法仅为参考实现。
标签
常见问题
- huashu-art-motion 是什么?
- 一套供编程 agent 使用的技能,用代码把艺术风格和解说视频语法做成会动的动画。 huashu-art-motion 是一套供编程 agent 调用的技能,用代码生成动画,让画面真正动起来。它内置 36 种艺术风格配方,涵盖岩洞壁画、古埃及壁画、梵高、包豪斯、8-bit 像素等,每种风格都对应一个 Canvas 场景,逐帧绘制并驱动动画。人物可以由生成的帧合成,背景、转场和运动则由代码完成。
- huashu-art-motion 可以免费使用吗?用的什么许可证?
- huashu-art-motion 以 MIT 许可证开源。用于商业产品前,请先确认许可证条款。
- huashu-art-motion 还在维护吗?
- 活跃维护中。huashu-art-motion 最近一次提交是在 2026年10月16日。
- huashu-art-motion 适合用来做什么?
- 用代码复刻一段风格化动画,让名画或插画动起来。 按口播脚本和指定风格制作解说视频的动画段。 制作角色穿越不同画风的转场长片。 拆解参考动画,学习其镜头节奏与运动规律。
- huashu-art-motion 怎么安装和运行?
- 安装该技能: npx skills add alchaincyf/huashu-art-motion 进入项目目录: cd huashu-art-motion 渲染梵高场景的一帧示例(需要 uv、ffmpeg 和 Playwright Chromium): 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
- 在哪里获取 huashu-art-motion?
- 源代码和安装说明在 GitHub 上:https://github.com/alchaincyf/huashu-art-motion
概要由 AI 根据项目 README 生成;GitHub 数据每日更新。
相关项目
一个 Claude Code 技能,可将简短主题生成节拍同步的动态图形视频,并通过 HyperFrames 渲染为 MP4。
可浏览的 144 个动态图形、镜头、UI、网页与摄影效果名称库,每项附动态示例和配合 AI 使用的提示词。
一个 Claude Code 技能,用代码生成程序化 canvas 短动画,并通过无头浏览器和 ffmpeg 渲染为 MP4。
把脚本变成带旁白的解说视频或产品演示,语音、时间轴和渲染都在本地完成,可由编码智能体驱动。
面向 Claude Code 等编码智能体的动效设计工具包,内含 Remotion 视频流程、画面自检循环与 Python 音效引擎。