Clayzo 是 2026 年 11 月 2 日在 Product Hunt 上線的動畫引擎，它不給你一個時間軸編輯器，而是讓你的編程智能體替你做動畫：一句話描述要什麼動效，智能體寫代碼、逐幀自查、導出成片。
是什麼
Clayzo 的定位是“為編程智能體而生的動畫引擎”，而不是又一個 AI 生視頻工具。傳統做法是在 After Effects 裡手拖關鍵幀，Lottie 也要人手做；Clayzo 反過來：動畫以代碼文檔的形式存在你的項目裡，Claude Code、Codex、Cursor 或任何能跑命令、能加載技能的智能體都能讀寫它。官方稱它的網頁播放器比 Rive 的還小一半不到，支持 GPU 特效如玻璃、折射、抖動和自定義著色器，這些是 Lottie 表達不了的。核心免費，做自己的網站或 App 的動畫不用付費。
能幹什麼
- 一句話做動效：告訴智能體“做一個 1920×1080、6 秒循環的首頁動效，三張卡片依次飄入”，它寫代碼、渲染幀表自查、修好問題再給你看。
- 產品動畫與動效圖形：做產品演示動畫、Logo 動效、頁面轉場、數據可視化動效，比錄屏和手做關鍵幀快得多。
- 交互式網頁動畫：動畫可以 live 跑在網站上，響應鼠標移動等用戶輸入，不只是播一段視頻。
- 兩種交付方式：導出 MP4 視頻文件，用於廣告、社媒和演示；或嵌進網站實時播放，支持普通 HTML、React、Next.js，以及 iOS、macOS 的 Swift 原生播放。
- 用自己的素材：把照片、Logo、品牌字體交給智能體，它會放進動畫裡一起打包；還能讀取你現有的組件和代碼，直接給真實 UI 做動畫，而不是套個假 mockup。
- 官方推薦模型：Clayzo 官網 FAQ 稱，Opus 5.5 和 Fable 5.1 創意最強、最擅長 UI 與動效，官網上的大部分動畫就是用 Opus 做的。
免費還是付費
免費：核心免費，創建、嵌入與導出自己網站或 App 的動畫都不收費，沒有套餐表，也沒有按量計費。
| 用途 | 價格 |
|---|---|
| 自用網站、App 的動畫 | $0，創建、嵌入、導出都免費 |
| 做成產品供他人生成動畫 | 需另洽商業授權，聯繫 team@clayzo.com |
需要注意：商業授權的價格官網未公開，沒有標價，具體費用要發郵件問；免費檔的用量上限（如導出次數、分辨率）官網也沒有公開說明，上線初期以實際使用為準。Clayzo 本身不收費不等於零成本：它要配合 Claude Code、Cursor 等編程智能體使用，那些工具的訂閱或 API 費用要另外算。
怎麼用
- 裝好環境：需要 Node.js 22.13 或更新版本，再裝一個能跑命令的編程智能體，如 Claude Code、Cursor 或 Codex。
- 初始化：在項目目錄運行
npx clayzo@latest init，裝好依賴與智能體技能；再運行npx clayzo login登錄。 - 一句話提需求：告訴智能體動什麼、畫布多大、時長多久、用什麼顏色，比如“做一個 6 秒循環動畫，三張卡片依次飄入，藍白配色”。
- 等它自查：智能體寫好代碼後會渲染幀表檢查每一幀，發現問題自己修，修好給你看幀表確認。
- 導出或預覽：導出 MP4 用
npx clayzo export animations/hero.json hero.mp4，瀏覽器預覽用npx clayzo preview hero.json，嵌進網站則用 React 播放器組件。
國內使用注意
Clayzo 的 CLI 安裝走 npm，國內可用 npm 鏡像加速，但官網、文檔與 Claude Code、Codex、Cursor 這些編程智能體本身需要境外網絡與海外賬號，訂閱也要海外支付方式，這是國內用戶最大的門檻。國內目前沒有同類“一句話讓智能體寫動畫代碼”的平替：剪映、必剪能做視頻剪輯和模板動效，但做不了“代碼級、可交互、能嵌進網站”的動畫；Lottie、Rive 也要人手在編輯器裡做。折中方案是：簡單動效用剪映模板，需要交互動效再考慮 Clayzo。另請注意，Clayzo 2026 年 11 月 2 日才上線，非常新，文檔、示例和社區反饋都還很少，大項目使用前建議先做一個小動效驗證流程跑通，確認導出與嵌入都沒問題再投入正式需求。
參考來源：Clayzo 官網（含 FAQ 與免費說明）；Clayzo 快速上手文檔；GPTOnline、AIToolSteps、ProductCool 第三方介紹與教程；Product Hunt 上線信息。