# huashu-art-motion 實測：用程式碼讓名畫動起來

> huashu-art-motion 是給 Claude Code 等 AI 程式助手用的開源 Skill，用程式碼把梵谷、莫內、像素風畫成會動的畫。MK 實際 clone 盤點、跑它的檢查工具，整理安裝方式、限制與適合誰。

- 作者：Michael Kuo（https://mk-ai-notes.pages.dev/about/）
- 發布日期：2026-11-02（2026-11-02T20:10:00+08:00）
- 原文網址：https://mk-ai-notes.pages.dev/posts/skill-huashu-art-motion/
- 分類：GitHub 飆星與 Skill 實測（https://mk-ai-notes.pages.dev/category/github/）
- 系列：MK 熱門 Skill 實測 第 10 篇／共 11 篇（https://mk-ai-notes.pages.dev/series/mk-skill-lab/）
- 標籤：Claude Code、Skill、AI 動畫、程式碼動畫、開源
- 閱讀時間：約 9 分鐘（約 2378 字）
- 參考來源：https://github.com/alchaincyf/huashu-art-motion

![huashu-art-motion 實測：用程式碼讓名畫動起來](https://mk-ai-notes.pages.dev/og/skill-huashu-art-motion.png)

---

我一直想在短影片裡放一段「梵谷星空在轉」的動畫，但又懶得去學 After Effects。huashu-art-motion 剛好就是在做這件事：讓 Claude Code 這類 AI 程式助手，直接用程式碼把名畫風格畫成會動的畫。我把整個 repo 抓下來翻了一遍、也跑了它內建的檢查工具，結論先講：很適合願意看終端機的創作者，想一鍵出片的人會失望。

## 它是什麼

這是中國創作者「花叔」（GitHub：alchaincyf）開源的 Agent Skill。裝進 AI 程式助手之後，你只要說「做個莫內風的動畫」或「用我的口播做一段白板動畫」，它就會照 Skill 裡寫好的流程，寫出 JavaScript Canvas 程式，再透過 Playwright 瀏覽器把畫面渲染成 MP4。

![huashu-art-motion 的 GitHub 首頁，右側 About 寫著 35 種藝術風格、9 種解說語法，5.9k stars](https://mk-ai-notes.pages.dev/img/skill-huashu-art-motion/gh-repo.jpg)
*圖說：repo 首頁，右邊可以看到 MIT 授權、5.9k stars 和 v1.2.0。圖片來源：[alchaincyf/huashu-art-motion](https://github.com/alchaincyf/huashu-art-motion) GitHub 頁面截圖（2026-11-02）*

我覺得它最有意思的地方是：畫面是「用程式畫出來的」，不是拿幾張圖做轉場。README 的說法是每一段都在動，梵谷的星空在轉，馬賽克的顏色從石塊上流過去。

| 項目 | 數字 | 來源（查證日期 2026-11-02） |
| --- | --- | --- |
| 星數 | 5,937 | [GitHub API](https://api.github.com/repos/alchaincyf/huashu-art-motion) |
| Fork | 601 | 同上 |
| 授權 | 程式碼與文件 MIT（有例外，見「限制」） | [README 許可證段](https://github.com/alchaincyf/huashu-art-motion#许可证) |
| 最新版本 | v1.2.0（2026-10-16） | [Releases](https://github.com/alchaincyf/huashu-art-motion/releases/latest) |
| 建立日期 | 2026-10-06 | GitHub API |

## 它能畫出什麼

先看官方放的總覽圖。同一個女孩、同一隻橘貓、同一張桌子，從洞穴壁畫一路換到 2026 年的扁平插畫，35 格各取一幀：

![官方全風格總覽：35 格同一構圖，依年代排列洞穴壁畫、古埃及、梵谷、莫內、包浩斯、8-bit 等風格](https://mk-ai-notes.pages.dev/img/skill-huashu-art-motion/styles-overview.jpg)
*圖說：35 種實做風格各取一幀（官方提醒這是「艺术史速通」專用構圖，做新題材要重新構圖）。圖片來源：huashu-art-motion 官方 repo `assets/全风格总览.jpg`（授權 MIT）*

除了藝術風格，它還有一套「解說語法」，給做知識型影片的人用。下面是財經圖表、白板、Vox 剪報三種的官方示範截圖：

![官方解說語法示範：上排財經圖表三鏡（營收長條、股價折線、K 線），中排白板畫貓兩鏡，下排 Vox 剪報與調查牆兩鏡](https://mk-ai-notes.pages.dev/img/skill-huashu-art-motion/grammars.jpg)
*圖說：上到下是財經圖表、白板、Vox 三種語法（白板與 Vox 我只截前兩鏡，後面的鏡頭有作者的卡通形象，不在 MIT 範圍）。圖片來源：huashu-art-motion 官方 repo `assets/动画语法/`（授權 MIT）*

README 裡有一張「你說 → 它做」的對照表，很能說明它的用法：

![README 的「能做什么」表格：複刻動畫、做穿越名畫的片子、做解說影片動畫段、畫面要有人、配樂卡節奏各對應的做法](https://mk-ai-notes.pages.dev/img/skill-huashu-art-motion/readme-features.jpg)
*圖說：README「能做什么」表格節錄（中間兩列被網頁上方的分頁列擋住，我把它略過了）。圖片來源：[huashu-art-motion README](https://github.com/alchaincyf/huashu-art-motion#能做什么) 截圖*

## 我實際翻了 repo，有三個發現

我用 `git clone --depth 1` 抓下來，最後一次 commit 是 2026-10-17，總共 509 個檔案、約 76 MB，大部分是示範 GIF 和總覽圖。

![終端機畫面：huashu-art-motion 的檔案數、53 張風格配方卡、54 個場景程式，以及 9 個範例 spec 的 clip_lint 檢查結果](https://mk-ai-notes.pages.dev/img/skill-huashu-art-motion/repo-inventory.png)
*圖說：我自己數的檔案數量，加上用它的 `clip_lint.py` 檢查 9 個官方範例的結果。圖片來源：MK 實測（2026-11-02）*

1. **「36 種風格」是已經做好的數量，配方卡其實有 53 張。** SKILL.md 寫得很老實：另外 17 張是「研究配方」，還沒經過畫面驗證，品質不能跟前面 36 種比。
2. **9 種解說語法裡，8 種有能直接渲染的範例。** 第 9 種「講解員式財經科普」只有語法卡和程式碼快照，角色要自己準備。
3. **官方範例自己也會亮黃燈。** 9 個範例裡有 5 個被提醒「超過 8 秒，會讀成一頁 PPT」。這不是錯，而是告訴你：範例是拿來看結構的，不要整份照抄。

### 我故意寫錯一份設定給它抓

`clip_lint.py` 只讀 JSON，不會動到任何東西，所以我放心地跑了。我故意把鏡頭參數放錯位置、片長設 12 秒，還塞了一個排在第 20 秒的事件：

![終端機畫面：clip_lint 對故意寫錯的 spec 列出 4 個黃燈，包含 camera 位置錯誤與事件超出片長](https://mk-ai-notes.pages.dev/img/skill-huashu-art-motion/clip-lint-test.png)
*圖說：四個問題全部被抓到。圖片來源：MK 實測（2026-11-02）*

最讓我驚喜的是「camera 要寫在 data 裡」這條。這種寫錯了也不會報錯、只是默默不生效的坑，最浪費時間，它在渲染前就先提醒你。

真正的渲染要另外裝 Playwright 的 Chromium，這次我先跳過，只做到檢查這一步；想看實際效果的人照下面的步驟裝好就能跑。

## 安裝步驟

需要先準備：Node.js（給 `npx` 用）、[uv](https://docs.astral.sh/uv/)、ffmpeg、Playwright Chromium。

1. 一行指令安裝 Skill：

   ```sh
   npx skills add alchaincyf/huashu-art-motion
   ```

2. 第一次渲染前裝瀏覽器：

   ```sh
   uv run --with playwright playwright install chromium
   ```

3. 想先試試，可以照 README 渲染梵谷那段的一張靜止畫面：

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

![README 的專案結構與依賴說明：SKILL.md、references、scripts/engine、qa.py、film_gate.py、deliver.py，以及 uv、ffmpeg、Playwright Chromium](https://mk-ai-notes.pages.dev/img/skill-huashu-art-motion/readme-install.jpg)
*圖說：README 的目錄說明和「依赖」段落，指令跟上面一樣。圖片來源：[huashu-art-motion README](https://github.com/alchaincyf/huashu-art-motion#里面有什么) 截圖*

## 怎麼用

裝好之後直接用中文跟 Claude Code 講就行，README 列的說法包括：

- 「做個梵谷／莫內／包浩斯那種的動畫」→ 先設計一格畫面，再讓它動起來
- 「用我的口播做一段藝術動畫」→ 先寫鏡頭表、定風格，再輸出畫面
- 「做解說影片的動畫段」→ 選語法，餵一份 JSON，出精確到格的片段

出片前還有一道「門禁」：`deliver.py` 會先跑 `film_gate.py`，畫面快速運動的比例低於 0.035 就亮紅燈、不給你成片；藍紫色畫面超過全片 30% 也一樣紅燈。我在影片裡說的「太像簡報就不出片」就是這個。

## 限制與注意事項

- **授權有例外。** 程式碼和文件是 MIT，但花叔本人的卡通形象、Claude Code 吉祥物 Clawd 的示範 GIF 和成片都**不在 MIT 範圍**；筆順資料用 Arphic Public License，字型是 SIL OFL。所以這篇我只放官方總覽圖，沒有轉貼那些示範動畫。
- **內容是簡體中文。** SKILL.md 和所有文件都是中文，英文 README 也有提醒。
- **畫面裡要有人，得另外生圖。** 程式碼負責畫場景，人物要用生圖模型出影格再合成，可能會多花工具費用。
- **很吃模型能力。** SKILL.md 把模型分成「開闊檔」和「軌道檔」，比較弱的模型只能走固定流程，成品差距會很明顯。
- **相容性還在補驗。** 作者寫 Codex 線上回歸通過，Claude Code 的線上回歸因為測試帳號條件卡住、還在補（[references/compatibility.md](https://github.com/alchaincyf/huashu-art-motion/blob/main/references/compatibility.md)）。

## MK 觀點：適合誰、不適合誰

**適合：**

- 已經在用 Claude Code、想幫口播影片加一段有質感動畫的創作者
- 想學「AI 怎麼做出不像簡報的動畫」的人。光讀 SKILL.md 裡的鏡頭語言和「六種做壞方式」，我就覺得很有收穫
- 做藝術、歷史、科普題材的老師或頻道

**不適合：**

- 沒碰過終端機、只想上傳影片自動加特效的人
- 需要寫實人物動畫的案子，它擅長的是畫風，不是真人
- 要大量快速出片的商業案，它的流程本來就是「慢一點，但不出爛片」

老實說，我覺得它最值錢的不是 53 張風格卡，而是那套「先拆解、先做一格、最後門禁驗收」的工作方法，換到別的影片工具也用得上。

## 影片版

![MK 影片畫面：美術館展牆風格，金色畫框裡是會流動的馬賽克，標題「畫裡真的會動」](https://mk-ai-notes.pages.dev/img/skill-huashu-art-motion/video-frame.jpg)
*圖說：我在 FB（Michael Kuo）發的 Reels 版其中一幕，畫框裡是我另外用程式畫的示意動畫，不是原作者作品。圖片來源：MK 影片截圖*

## 常見問題

**Q1：huashu-art-motion 要付費嗎？**
不用，Skill 本身是 MIT 開源免費。但你用的 AI 程式助手（例如 Claude Code）可能要訂閱，畫面需要人物時的生圖服務也可能另外收費。

**Q2：只能配 Claude Code 用嗎？**
不是。它是通用的 Agent Skill 格式，作者有在 Codex 等工具測過安裝；不過各家效果不同，Claude Code 的線上回歸作者還在補驗。

**Q3：做出來的影片可以商用嗎？**
用它的程式碼自己畫出來的畫面，MIT 允許商用；示範裡的花叔形象和 Clawd 吉祥物不能用。名畫本身如果是開放授權（例如大都會博物館 CC0）比較安心，其他畫作要自己確認版權。

**Q4：電腦要多好？**
官方沒寫最低規格。它用瀏覽器渲染 Canvas，不需要獨立顯示卡，只是長片會渲染比較久，建議先用 `--stills` 出靜止畫面確認效果。

## 延伸閱讀

- 同系列：[nv-uefi-unlocker 實測：顯卡算力解鎖與風險](https://mk-ai-notes.pages.dev/posts/skill-nv-uefi-unlocker/)
- 同系列：[claude-mem 實測：讓 Claude Code 記住上次做到哪](https://mk-ai-notes.pages.dev/posts/skill-claude-mem/)
- 同系列：[hallmark 實測：Before／After 對比](https://mk-ai-notes.pages.dev/posts/skill-hallmark/)
- 想懂 AI 怎麼同時處理圖片與聲音：[AI 怎麼同時看圖、聽聲音？](https://mk-ai-notes.pages.dev/posts/ep08-multimodal/)

引用本文請附原文網址：https://mk-ai-notes.pages.dev/posts/skill-huashu-art-motion/（作者：Michael Kuo）