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

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

它是什麼

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

圖說：repo 首頁，右邊可以看到 MIT 授權、5.9k stars 和 v1.2.0。圖片來源：alchaincyf/huashu-art-motion GitHub 頁面截圖（2026-11-02）

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

它能畫出什麼

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

圖說：35 種實做風格各取一幀（官方提醒這是「艺术史速通」專用構圖，做新題材要重新構圖）。圖片來源：huashu-art-motion 官方 repo assets/全风格总览.jpg（授權 MIT）

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

圖說：上到下是財經圖表、白板、Vox 三種語法（白板與 Vox 我只截前兩鏡，後面的鏡頭有作者的卡通形象，不在 MIT 範圍）。圖片來源：huashu-art-motion 官方 repo assets/动画语法/（授權 MIT）

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

圖說：README「能做什么」表格節錄（中間兩列被網頁上方的分頁列擋住，我把它略過了）。圖片來源：huashu-art-motion README 截圖

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

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

圖說：我自己數的檔案數量，加上用它的 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 秒的事件：

圖說：四個問題全部被抓到。圖片來源：MK 實測（2026-11-02）

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

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

安裝步驟

需要先準備：Node.js（給 npx 用）、uv、ffmpeg、Playwright Chromium。

1. 一行指令安裝 Skill：

   npx skills add alchaincyf/huashu-art-motion
   

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

   uv run --with playwright playwright install chromium
   

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

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

圖說：README 的目錄說明和「依赖」段落，指令跟上面一樣。圖片來源：huashu-art-motion README 截圖

怎麼用

裝好之後直接用中文跟 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）。

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

適合：

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

不適合：

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

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

影片版

圖說：我在 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 實測：顯卡算力解鎖與風險
• 同系列：claude-mem 實測：讓 Claude Code 記住上次做到哪
• 同系列：hallmark 實測：Before／After 對比
• 想懂 AI 怎麼同時處理圖片與聲音：AI 怎麼同時看圖、聽聲音？