algorithmic-art Claude Code スキル
Claude Code スキルClaude Codeデザイン・メディア制作Web・アプリ開発以下の解説は生成 AI によるものです。出典と照らし合わせてご確認ください。
これはp5.jsを用いてアルゴリズミックアート(ジェネラティブアート)を作成するためのClaude skillです。SKILL.mdの記述によると、まず生成的な美学運動を説明する短い理念文を作成し、続いてその理念をシード値付きのp5.jsコードとして実装するという二段階の手順を取ります。最終的な出力は、パラメータ調整用スライダーやシードナビゲーション、ダウンロードボタンを備えた単一のHTMLファイルにまとめられ、付属のレイアウトテンプレートを土台にすることで作品ごとの見た目の一貫性を保ちます。アルゴリズム本体は依頼のたびに新しく設計する仕組みです。既存アーティストの模倣を避け独自の作品を作るよう指示されており、著作権上の問題を回避する狙いがあります。
algorithmic-art でできること
- コードに落とし込む前に、生成的アートの短いコンセプト文を作成する
- シード値付き乱数やノイズフィールド、パーティクル、フローフィールドを使ったp5.jsスケッチを組み立てる
- パラメータスライダーやシードナビゲーション、ダウンロードボタンを備えた単一のHTMLファイルとして作品を得る
- シード値やパラメータを変更し、同じアルゴリズムから異なるバリエーションを試す
- 付属のHTMLテンプレートを土台にして、複数の作品で同じレイアウトと配色を保つ
- 付属のJSテンプレートを参考に、コード構成とシード付き乱数の使い方の指針を得る