Clayzo
Clayzo 是一个免费的动画引擎,让 Claude Code、Cursor、Codex 等编程 agent 用一句话做出动效和网页动画——可以导出成视频,也可以直接在网站上实时播放。
Clayzo 评测:让 AI 编程 Agent 帮你做动画和动效
好的动效以前需要专业的动效设计师和时间轴编辑器。关键帧、缓动曲线、一帧帧微调——又慢又需要专业技能,大多数开发者和小团队干脆直接跳过。
Clayzo 改变了这一点。它是一个免费的、以 agent 为先的动画引擎,让你的 AI 编程 agent——Claude Code、Cursor 或 Codex——用一句话写出动画代码,逐帧检查效果,再导出成视频或直接在网站上实时播放。
什么是 Clayzo?
Clayzo 是一个为编程 agent 打造的动画引擎。你不用在时间轴上拖关键帧,用自然语言描述想要的效果就行。你的编程 agent 会把动画写成代码,渲染出来,检查运动效果,再不断打磨,直到你看到成品。它于 2026 年 11 月 2 日在 Product Hunt 上线,当日排名第 6,获得 193 个赞。
引擎支持图形、文字、关键帧、弹簧动画、自定义特效和着色器、镜头移动、音频,以及悬停、按压、拖拽等交互状态。动画可以打包成单个 .clayzo 文件,体积比视频小约 40 倍。
核心功能
1. 以 Agent 为先的动画工作流
用一句话描述想要的动画,编程 agent 就会写出场景代码,即时预览任意一帧,检查自己的作品并修正不满意的地方。反馈循环是内置的:agent 在你看到之前就已经看过自己的每一帧。
2. 逐帧检查
Clayzo 的命令行工具让 agent 可以预览任意一帧,在制作过程中检查运动效果。问题在生成过程中就被发现和修正,而不是交付之后才暴露。
3. 导出视频或实时播放
把成品导出为 MP4、MOV、GIF、WebM 等视频格式,用于广告、社交媒体和演示;也可以直接在网站上以交互式 WebGL 形式实时播放,响应鼠标移动和用户输入。
4. 搭配你已在用的 Agent
Clayzo 可以接入 Claude Code、Codex、Cursor 以及任何能运行命令、加载技能的 agent。安装只需一条命令:npx clayzo@latest init。
5. 轻量 WebGL 播放器
动画可以在任何网页上通过轻量 WebGL 渲染器播放——支持纯 HTML、React 和 Next.js,iOS 和 macOS 上还有原生的 Swift 播放器。
它是如何工作的?
运行 npx clayzo@latest init,然后用一句话向你的 agent 描述想要的动画。agent 会写出 Clayzo 场景代码,渲染它,逐帧检查,不断迭代直到运动效果满意。最后把结果导出为视频文件,或者直接在网站上作为交互动画发布。
谁适合用 Clayzo?
- 开发者和产品团队:不用请动效设计师,也能做出动效和产品动画。
- 独立开发者和初创公司:用你已在用的编程 agent 制作发布视频和社交短片。
- 前端开发者:在网站上发布能响应用户输入的交互式网页动画。
- 内容创作者:一句话就能为网站或频道做出成品动画。
Clayzo 定价
Clayzo 的核心引擎免费,可搭配你已在用的编程 agent 使用。你可以免费为自己的网站和应用创建、嵌入和导出动画。如果要在 Clayzo 之上搭建产品(比如为你自己的用户生成 Clayzo 动画的 agent),则需要购买授权。
Clayzo 优缺点
优点
- 核心引擎免费,不需要设计技能。
- agent 自己编写、预览并修正动画。
- 可导出视频,也可作为交互式 WebGL 实时播放。
- 支持 Claude Code、Cursor 和 Codex。
- 动画打包成极小的 .clayzo 文件。
缺点
- 刚上线不久,公开文档还在不断完善。
- 更适合已经习惯使用编程 agent 的开发者。
总结
Clayzo 是不用请动效设计师、又能做出真正动效的最快方式。如果你已经在用 Claude Code、Cursor 或 Codex,它能把一句话变成成品动画,而且免费试用。
对于需要为发布、网站和社交内容制作动画的开发者、独立开发者和产品团队来说,Clayzo 值得一试。





