言語:JapaneseEnglish

algorithmic-art Claude Code スキル

作者
Anthropic
トピック
デザイン・メディア制作 · Web・アプリ開発
ライセンス
Apache-2.0(新しいタブで開きます)
カタログ掲載開始
2026-07-09 (UTC)
解説の最終更新
2026-10-28 (UTC)
ソース元(GitHub)最終更新日
2026-04-20 (UTC)(198日前)

以下の解説は生成 AI によるものです。出典と照らし合わせてご確認ください。

algorithmic-art は、p5.js を使って生成的な視覚作品を作るための Claude スキルです。SKILL.md の説明によると、作業は二段階に分かれており、最初に計算的な美学の方向性を短い文章で表し、その内容をもとに p5.js のコードへ展開します。乱数処理にはシード値を設定する仕組みがあり、同じシードを指定すれば同じ結果が再現されます。最終的な出力は、用意されたテンプレートをもとにした単一の HTML ファイルで、作品を表示するキャンバスのほか、パラメータ調整用のスライダー、シード操作ボタン、画像保存ボタンなどを含みます。既存のアーティストの作品を模倣しないよう求める記述もあり、外部サービスとの連携については言及がありません。

algorithmic-art でできること

  • 生成的な美学コンセプトを短い文章としてまとめる
  • そのコンセプトをもとに flow field やパーティクルシステムなどの p5.js コードを作る
  • パラメータを調整できる自己完結型の HTML 作品を受け取る
  • シード操作(前へ・次へ・ランダム・ジャンプ)で異なる出力を比較する
  • 生成した作品を PNG 画像として保存する

出典

一覧に戻る