algorithmic-art Claude Code スキル
Claude Code スキルClaude Codeデザイン・メディア制作Web・アプリ開発以下の解説は生成 AI によるものです。出典と照らし合わせてご確認ください。
algorithmic-art は、p5.js を使って生成的な視覚作品を作るための Claude スキルです。SKILL.md の説明によると、作業は二段階に分かれており、最初に計算的な美学の方向性を短い文章で表し、その内容をもとに p5.js のコードへ展開します。乱数処理にはシード値を設定する仕組みがあり、同じシードを指定すれば同じ結果が再現されます。最終的な出力は、用意されたテンプレートをもとにした単一の HTML ファイルで、作品を表示するキャンバスのほか、パラメータ調整用のスライダー、シード操作ボタン、画像保存ボタンなどを含みます。既存のアーティストの作品を模倣しないよう求める記述もあり、外部サービスとの連携については言及がありません。
algorithmic-art でできること
- 生成的な美学コンセプトを短い文章としてまとめる
- そのコンセプトをもとに flow field やパーティクルシステムなどの p5.js コードを作る
- パラメータを調整できる自己完結型の HTML 作品を受け取る
- シード操作(前へ・次へ・ランダム・ジャンプ)で異なる出力を比較する
- 生成した作品を PNG 画像として保存する