Clayzo
用一句話請程式代理做產品動畫、Logo 片頭或可互動的網頁特效，代理寫成程式、自己逐格檢查，再輸出成影片或直接在網頁上播放
Clayzo 是 Clayzo Labs 的動畫引擎，11 月初在 Product Hunt 週榜排進前十。它不是又一個「輸入文字生影片」的服務，而是專門給程式代理用的工具：你在 Claude Code、Codex 或 Cursor 裡用一句話描述想要的動態，代理把它寫成一份 TypeScript 動畫文件，自己算圖檢查，再交給你。
功能特色與適用場景：在專案裡執行 npx clayzo@latest init，會裝好 CLI、撰寫套件、兩種網頁播放器，以及兩個教代理「怎麼做出好看動態」的 Agent Skills。代理寫完後會用 clayzo render-frame 輸出逐格的對照表，連循環接縫都檢查，覺得不對就自己改。因為整支動畫就是一個文字檔，改顏色、換文案、做尺寸變體，都只是再跟代理說一聲。
成品有兩種出路。一種是直接在網頁播放：輕量的 WebGL 播放器約 250 KB，完整的 CanvasKit 播放器約 2.5 MB，支援 React 與 Next.js，還能跟著游標或 App 的狀態互動；在 iOS 與 macOS 則可以用 Swift 原生播放。另一種是 clayzo export 輸出 MP4、帶透明通道的 MOV、WebM、GIF 或 PNG 序列。官方強調它能做玻璃折射、半色調、抖色與自訂 shader，這些是 Lottie 表現不出來的。官網範例從 Logo 片頭、新口味飲料廣告、產品 UI 演示到 3D 短片都有，每支都附上原始提示詞。
和 Jitter、Rive 這類要在編輯器裡手動拉關鍵影格的工具比，它的使用者是會寫程式、手邊已經有程式代理的人；不寫程式的設計師就不太適合。
台灣使用者怎麼用：適合要替 SaaS 產品做發表動畫、官網 Hero 互動特效、App 新手引導動畫的前端工程師與小型產品團隊，尤其是沒有專職動態設計師的新創。中文字型可以用自己的字體檔，但要注意授權與檔案大小。官方說 Opus 5.5 這類較強的模型做 UI 與動態表現最好，代理的 token 費用是另一筆要算進去的成本。
TheAI學院 編輯建議
編輯實測後的真心話AI 生影片做出來的東西很難改一個字，Clayzo 反過來讓代理寫「可以改的動畫原始碼」，對工程師來說直覺多了。我沒有實測，從官網每支範例都附提示詞這點看來，團隊對成果有一定信心。手邊已經在用 Claude Code 的前端工程師，花十分鐘跑完 quickstart 就知道合不合用。
主要功能
- npx clayzo@latest init 一次裝好 CLI、播放器與 Agent Skills
- 代理把動畫寫成有型別的 TypeScript 文件，可用自己的圖片、字型與元件
- render-frame 逐格對照表與 preview 預覽，讓代理自行檢查並修正
- WebGL（約 250 KB）與 CanvasKit（約 2.5 MB）兩種網頁播放器，支援互動
- iOS 與 macOS 原生 Swift 播放
- 匯出 MP4、透明 MOV、WebM、GIF、PNG 序列與 .clayzo 封裝檔
- 支援玻璃、折射、半色調、抖色與自訂 shader 等 GPU 特效
如何使用 Clayzo
- 在專案資料夾執行 npx clayzo@latest init，安裝套件與 Agent Skills
- 在 Claude Code、Codex 或 Cursor 用一句話描述想要的動畫
- 讓代理用 clayzo render-frame 與 clayzo preview 檢查並修正
- 用 WebGL 或 CanvasKit 播放器嵌入網頁，或在 Swift 專案播放
- 需要影片時用 clayzo export 輸出 MP4、MOV 或 GIF
適用場景
- 新功能上線時，請代理做一支 4:5 社群發表動畫
- 替官網首頁做會跟著游標反應的互動特效
- 幫品牌做 Logo 片頭，再一次產出各平台需要的尺寸
- 把 App 的實際介面做成產品演示動畫放在 landing page
- 在 iOS App 裡原生播放新手引導動畫
Clayzo 的優點與缺點
優點
- 用在自己的網站與 App 免費
- 動畫是文字檔，改色、改字、做變體只要再下一次指令
- 網頁即時播放比同內容的影片檔小很多，還能互動
缺點
- 需要會用程式代理與命令列，不適合不寫程式的設計師
- 成品品質很依賴你用的模型，代理的 token 費用另計
- 要把它包進自家產品給使用者生成動畫，需要另談授權
價格方案
用在自己的網站與 App 免費；若要拿它做成產品（例如替你的使用者產生 Clayzo 動畫的代理）需另洽授權。價格以官網為準
Clayzo 常見問題
Clayzo 要收費嗎？
把動畫用在自己的網站與 App 是免費的。如果你要做的是產品，例如一個替你的使用者產生 Clayzo 動畫的代理，就需要寫信到 [email protected] 洽談授權。
可以搭配哪些 AI 代理使用？
官方支援 Claude Code、Codex、Cursor，以及任何能執行指令並載入 Skills 的代理。官方表示 Opus 5.5 這類較強的模型在 UI 與動態上表現最好。
和 Lottie、Rive 有什麼不同？
Lottie 與 Rive 的動畫通常在編輯器裡手動製作；Clayzo 的動畫是代理寫出來的程式文件，能用 GPU 特效，網頁播放器也比 Rive 的小一半以上。
可以輸出成影片給社群平台用嗎？
可以，clayzo export 能輸出 MP4、帶透明通道的 MOV、WebM、GIF 或 PNG 序列。
使用者評價
還沒有足夠評價，搶先分享你的使用心得！
寫下你的評價
Clayzo 的替代方案
查看相似的 AI 工具 →相關 AI 工具
Runway
專業向的 AI 影片生成與編輯工具，導演思維比提示詞重要。
Gemini
Google 的 AI 助理，強在跟 Google 生態綁在一起與超長脈絡。
Claude
Anthropic 的 AI 助理，長文件與寫作品質是它的主場。
Midjourney
美感天花板最高的 AI 生圖工具，代價是要付費、要學參數。
PasteGuard
把姓名、email、API 金鑰等敏感資料換成 [[PERSON_1]] 這類佔位符再交給 AI，回覆時再換回原文；也能把含個資的請求改送本機模型
QualityLayer
把 Claude Code、Codex、Cursor 等程式代理套進七個步驟：先討論、讀程式、畫計畫給你核准，再先寫測試後實作，最後交給沒寫這段程式的另一個代理審查
