algorithmic-art Claude Code スキル
Claude Code スキルClaude Codeデザイン・メディア制作Web・アプリ開発以下の解説は生成 AI によるものです。出典と照らし合わせてご確認ください。
これはp5.jsを使ってオリジナルのジェネラティブアートを作成するためのClaudeスキルです。まずアルゴリズムによる表現の方向性を短い文章としてまとめ、その後それをもとにシード付き乱数や調整可能なパラメータを備えたp5.jsの描画ロジックを、自己完結したHTMLファイルとして実装する流れになっています。出力されるHTMLはヘッダーやサイドバー(シード操作・パラメータスライダー・操作ボタン)といった固定レイアウトのテンプレートに従いつつ、アルゴリズム自体やパラメータ、見た目の結果はリクエストごとに変わります。SKILL.mdでは既存の作家の作品を模倣せず独自の作品を作ること、同じシードからは常に同じ結果が再現されること、HTML成果物はゼロから作らず用意されたテンプレートファイルを土台にすることが求められています。
algorithmic-art でできること
- p5.jsによるオリジナルの生成的・アルゴリズミックアート(フローフィールド、パーティクルシステム、再帰構造やテッセレーションなど)を依頼できる
- 作品の背景にある計算的なアプローチを説明した文章を、作品本体とあわせて受け取れる
- サーバーやインストール不要で開ける、インタラクティブな単一HTMLファイルとして成果物を得られる
- スライダーや任意のカラーピッカーでパラメータを調整し、バリエーションを探索できる
- シードを前後に切り替えたりランダム選択・指定値へのジャンプを行い、同じアルゴリズムから異なる出力を確認できる
- ビューワー上で再生成、初期設定へのリセット、PNG形式でのダウンロードができる