プロンプトから短いプロシージャルなCanvasアニメーションを作り、ヘッドレスブラウザーとffmpegでMP4に出力するClaude Codeスキル。
alexgreensh/anidoodle
コードから手描き風イラスト、ループアニメ、映像、インタラクティブなWebアートを32種類のスタイルで生成し、毎回同じ結果を描画します。
- スター
- 1,389
- フォーク
- 134
- 未解決の Issue
- 5
- 最終コミット
- 一昨日
これは何?
anidoodleは、イラスト、描画タイムラプス、アニメーションループ、ローンチ動画、インタラクティブなWebイラストをすべてコードで作成するためのエージェントスキルとレンダリングエンジンです。各筆致は純粋関数で生成され、音楽はデータとして記述されるため、同じソースからなら、どのマシンでもどのサイズでも同じ画像や映像を再現できます。
鉛筆や水彩から、リソグラフ、ピクセルアート、木版画、墨絵まで、32種類の描画スタイルに対応しています。それぞれのスタイルでは、その画材を使うアーティストの制作順に沿って絵が描かれていく様子を映像として出力することもできます。出力形式はPNG、スコアを自動生成するMP4、GIF、アルファ付きWebM、単体で動作するHTMLファイルです。
Claude Code、Codex、Grok Buildのプラグインとしてインストールするか、スキルを読み込む他のエージェント向けに通常のスキルフォルダーとして利用できます。同梱のNode製コマンドラインツールは、静止画、レンダリング、決定性チェック、音声チェック、ローンチ動画のパッケージ化に対応しています。Node 20以降が必要で、動画出力にはffmpegも必要です。
主な機能
- 01純粋関数で筆致を生成し、コードからイラストやアニメーションを作成します。
- 02水彩、リソグラフ、ピクセルアート、木版画など、32種類の描画スタイルを利用できます。
- 03その画材を使うアーティストの制作順に沿って、描画過程を映像として出力します。
- 04ジャンルごとの語彙を使ってオリジナル音楽を作曲でき、録音した楽器サンプルも任意で利用できます。
- 05PNG、MP4、GIF、アルファ付きWebM、単体で動作するHTMLファイルに書き出せます。
- 06Claude Code、Codex、Grok Buildのプラグインとしてインストールできます。
ユースケース
- ひとつのスタイルで、Webサイトや製品ページ向けの統一感あるイラスト一式を作成する。
- 選んだタッチで、アニメーションステッカーやループアニメ、SNS用クリップを制作する。
- 生成したビジュアルとスコアを使って、短い解説動画やローンチ動画を作る。
- カーソルの動きやフォーム入力に反応するインタラクティブなイラストをWebページに埋め込む。
使う前に知っておきたいこと
- 実際に録音された楽器の音を使うには、オプションの373 MBのサウンドパックをダウンロードする必要があります。ダウンロードしない場合、音楽は合成音のみで再生されます。
収録されている特集
トピック
よくある質問
- anidoodle とは?
- コードから手描き風イラスト、ループアニメ、映像、インタラクティブなWebアートを32種類のスタイルで生成し、毎回同じ結果を描画します。 anidoodleは、イラスト、描画タイムラプス、アニメーションループ、ローンチ動画、インタラクティブなWebイラストをすべてコードで作成するためのエージェントスキルとレンダリングエンジンです。各筆致は純粋関数で生成され、音楽はデータとして記述されるため、同じソースからなら、どのマシンでもどのサイズでも同じ画像や映像を再現できます。
- anidoodle は無料で使えますか?ライセンスは?
- anidoodle は Apache-2.0 ライセンスのオープンソースです。商用製品で使う前にライセンス条件を確認してください。
- anidoodle は今もメンテナンスされていますか?
- 活発にメンテナンス中。anidoodle の最終コミットは 2026年11月5日 です。
- anidoodle は何に使えますか?
- ひとつのスタイルで、Webサイトや製品ページ向けの統一感あるイラスト一式を作成する。 選んだタッチで、アニメーションステッカーやループアニメ、SNS用クリップを制作する。 生成したビジュアルとスコアを使って、短い解説動画やローンチ動画を作る。 カーソルの動きやフォーム入力に反応するインタラクティブなイラストをWebページに埋め込む。
- anidoodle はどこで入手できますか?
- ソースコードとインストール手順は GitHub にあります:https://github.com/alexgreensh/anidoodle
概要はプロジェクトの README をもとに AI が生成しています。GitHub の数値は毎日更新されます。
関連プロジェクト
アートスタイルのレシピや解説動画の文法をコード駆動のアニメーションに変換し、絵画や図解を動かすエージェントスキル。
映像スタイルごとのClaude Codeスキル集。全フレームと音楽トラックをコードで生成して動画を制作します。
短いテーマから、HyperFramesでビート同期のモーショングラフィックス動画を作るClaude Codeスキル。
p5.jsとp5.brushを使い、ガイドに沿ってClaudeで手描き風のキャラクターアニメーションを作るスターターキット。
動画生成モデルを使わず、コードだけで51種類のスタイルの短編映画を演出するClaude Codeスキル。