Clayzo
Clayzoは無料のアニメーションエンジンで、Claude Code、Cursor、Codexなどのコーディングエージェントが一文のリクエストからモーショングラフィックスやWebアニメーションを作成できます。動画として書き出すことも、サイトでライブ再生することも可能です。
Clayzoレビュー：AIコーディングエージェントでモーショングラフィックスを作る
良いモーショングラフィックスには、これまでモーションデザイナーとタイムラインエディタが必要でした。キーフレーム、イージングカーブ、フレーム単位の微調整——遅くて専門的な作業で、多くの開発者や小規模チームはそもそも手を出しませんでした。
Clayzoはそれを変えます。無料のエージェントファーストなアニメーションエンジンで、Claude Code、Cursor、CodexなどのAIコーディングエージェントが一文のリクエストからアニメーションをコードで書き、すべてのフレームを確認し、完成した動画を書き出したり、Webサイトでライブ再生したりできます。
Clayzoとは？
Clayzoはコーディングエージェントのために作られたアニメーションエンジンです。タイムラインでキーフレームをドラッグする代わりに、作りたいものを自然言語で説明します。コーディングエージェントがアニメーションをコードとして書き、レンダリングし、動きをチェックして、あなたが見る前に磨き上げます。2026年11月2日にProduct Huntでローンチし、デイリー6位、193票を獲得しました。
エンジンは図形、テキスト、キーフレーム、スプリング、カスタムエフェクトやシェーダー、カメラワーク、音声、ホバー・プレス・ドラッグなどのインタラクティブな状態に対応します。アニメーションは単一の.clayzoファイルにまとめられ、動画と比べて約40分の1のサイズです。
主な機能
1. エージェントファーストのアニメーションワークフロー
作りたいアニメーションを一文で説明すると、コーディングエージェントがシーンのコードを書き、任意のフレームを即座にプレビューし、自分の作品を確認して気になる部分を修正します。フィードバックループは組み込み済みで、エージェントはあなたが見る前に自分のフレームをすべて確認しています。
2. フレーム単位のレビュー
ClayzoのCLIにより、エージェントは任意のフレームをプレビューし、制作中に動きをチェックできます。問題は納品後ではなく、生成の過程で見つけて修正されます。
3. 動画書き出しとライブ再生
完成したアニメーションをMP4、MOV、GIF、WebMなどの動画形式で書き出し、広告やSNS、プレゼンに使えます。あるいはWebサイト上でインタラクティブなWebGLとしてライブ再生し、カーソルの動きやユーザー入力に応答させることもできます。
4. 使い慣れたエージェントと連携
ClayzoはClaude Code、Codex、Cursor、そしてコマンドを実行してスキルを読み込めるあらゆるエージェントと連携します。セットアップはワンコマンドです：npx clayzo@latest init。
5. 軽量WebGLプレイヤー
アニメーションは軽量なWebGLレンダラーでWeb上のどこでも再生できます。プレーンなHTML、React、Next.jsに対応し、iOSとmacOSではネイティブのSwiftプレイヤーも利用できます。
仕組み
npx clayzo@latest initを実行し、エージェントに一文で作りたいアニメーションを伝えます。エージェントがClayzoのシーンコードを書き、レンダリングし、すべてのフレームを確認して、動きが納得いくまで繰り返し改善します。結果は動画ファイルとして書き出すか、サイト上でインタラクティブなアニメーションとして公開します。
Clayzoは誰におすすめ？
- 開発者とプロダクトチーム：モーションデザイナーを雇わずにモーショングラフィックスやプロダクトアニメーションを作れます。
- 個人開発者とスタートアップ：使い慣れたコーディングエージェントでローンチ動画やSNSクリップを作れます。
- フロントエンド開発者：ユーザー入力に応答するインタラクティブなWebアニメーションをサイトに載せられます。
- コンテンツクリエイター：一文からサイトやチャンネル向けの完成したアニメーションを作れます。
Clayzoの料金
Clayzoのコアエンジンは、使い慣れたコーディングエージェントと一緒に無料で使えます。自分のサイトやアプリ向けにアニメーションを作成・埋め込み・書き出すのは無料です。Clayzoの上にプロダクトを構築する場合（自分のユーザー向けにClayzoアニメーションを生成するエージェントなど）はライセンスが必要です。
Clayzoのメリットとデメリット
メリット
- コアエンジンは無料で、デザインスキルは不要。
- エージェントがアニメーションを書き、プレビューし、自分で修正する。
- 動画として書き出すことも、インタラクティブなWebGLとしてライブ再生することも可能。
- Claude Code、Cursor、Codexに対応。
- アニメーションは極小の.clayzoファイルにまとまる。
デメリット
- ローンチしたばかりで、公開ドキュメントはまだ充実の途中。
- コーディングエージェントにすでに慣れている開発者に最も向いている。
まとめ
Clayzoは、モーションデザイナーを雇わずに本格的なモーショングラフィックスを手に入れる最も速い方法です。Claude Code、Cursor、Codexをすでに使っているなら、一文から完成したアニメーションが生まれます。しかも無料で試せます。
ローンチやWebサイト、SNSコンテンツ向けのアニメーションが必要な開発者、個人開発者、プロダクトチームには、Clayzoを試す価値があります。
