EXPLAINER0:21Whiteboard explainer of how huashu-art-motion works
A hand-drawn style walkthrough, made with the skill, of its own method: get one frame right, then animate it.
Brings paintings and illustrations to life with code, offering dozens of art styles and several narration patterns for art-explainer videos.
In short: Brings paintings and illustrations to life with code, offering dozens of art styles and several narration patterns for art-explainer videos. It is a free skill for people who use Claude Code or Codex and want help with motion graphics.
Checked on · Added
| Agent / tool | Access / cost | Link |
|---|---|---|
| Claude Code | Paid Claude plan or API | claude.com/claude-code |
| Codex | ChatGPT plan or API | openai.com/codex |
| GitHub repo | Open source · ★ 4.2k | alchaincyf/huashu-art-motion |

Image: from the GitHub README, shown with credit.
Images from the project README on GitHub.
Real videos made with this skill, credited to their creators. Hover to preview.
EXPLAINER0:21A hand-drawn style walkthrough, made with the skill, of its own method: get one frame right, then animate it.
MOTION0:15The skill author chains several painting styles in one animation while keeping the same character on screen.
npx skills add alchaincyf/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
Install command copied from the project README. Check the README for the latest version.
Brings paintings and illustrations to life with code, offering dozens of art styles and several narration patterns for art-explainer videos.
- 2026-10:Open Design(nexu-io 出品的开源 AI 设计工作区)的 motion-design skill 把 huashu-art-motion 列为设计来源之一,并在 skills/huashu-art-motion 收录了一份适配版,保留了 MIT 许可和上游出处。很高兴这套艺术动画的做法被另一个开源项目用起来,谢谢 Open Design 团队。也欢迎更多项目使用、反馈和贡献。
Short excerpt from the README of alchaincyf/huashu-art-motion. Read the full README on GitHub.
Written by us so you can reuse it. Replace each [bracket] with your details.
All credit to the original authors. We rewrite in our own words and link back. Something wrong? Report it.
SKILL0:56Open-source renderer that turns HTML/CSS/JS scenes into frame-exact MP4s; built so coding agents can drive it.
SKILL0:34Type /brag in a project; it reads the code and renders a ~20s launch film with music, captions and share copy.
SKILL0:28Draws detailed, interactive isometric cutaways of real objects as code; a port also runs in ChatGPT/Codex.
SKILLOfficial skills from GreenSock that teach agents to write correct, smooth GSAP animations.
SKILLA Claude Code skill that makes short films entirely in code, choosing from 51 film styles each backed by its own style recipe.
SKILLInstall a pack and your agent works like a motion designer for TikTok/Reels, explainers, charts and WebGL.
Free newsletter
New AI tools you can use right away, in plain words. Every Friday.