algorithmic-art Claude Code スキル
Claude Code スキルClaude Codeデザイン・メディア制作Web・アプリ開発以下の解説は生成 AI によるものです。出典と照らし合わせてご確認ください。
これはp5.jsライブラリを使ってオリジナルのジェネラティブアートを生成するClaude用スキルです。まず作品の計算的な美学を短い文章としてまとめ、次にその内容をシード付き乱数を用いたp5.jsコードへ落とし込むという二段階の手順を取ります。出力は、p5.js本体（CDN経由）、描画アルゴリズム、パラメータ調整用の操作パネルを一つにまとめた単一のHTMLファイルです。操作パネルのレイアウトや配色は付属のテンプレートファイルによって固定されており、描画アルゴリズムとそのパラメータ設計は依頼ごとに新しく作られます。SKILL.mdでは既存アーティストの作風を模倣しないよう明記されており、独自性のある構成を目指す方針が示されています。
algorithmic-art でできること
- コーディング前に、作品の計算的な方向性を短い文章としてまとめる
- フローフィールドやパーティクルシステム、ノイズパターンなどの手法を使ったp5.jsスケッチを作成する
- ブラウザやClaudeのアーティファクトでそのまま動作する単一のHTMLファイルを生成する
- 作品ごとに定義されたスライダーやカラーピッカーでパラメータを調整する
- シード値を前後に切り替えたり、ランダム選択や指定シードへのジャンプによってバリエーションを確認する
- 組み込みの操作から再生成、初期値へのリセット、PNG形式でのダウンロードを行う