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 上线信息。