言語:JapaneseEnglish

algorithmic-art Claude Code スキル

作者
Anthropic
トピック
デザイン・メディア制作 · Web・アプリ開発
ライセンス
LICENSE.txt 参照
カタログ掲載開始
2026-07-09 (UTC)
解説の最終更新
2026-10-09 (UTC)
ソース元(GitHub)最終更新日
2026-04-20 (UTC)(178日前)

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

これはp5.jsを使ってオリジナルのジェネラティブアートを作成するためのClaudeスキルです。まずアルゴリズムによる表現の方向性を短い文章としてまとめ、その後それをもとにシード付き乱数や調整可能なパラメータを備えたp5.jsの描画ロジックを、自己完結したHTMLファイルとして実装する流れになっています。出力されるHTMLはヘッダーやサイドバー(シード操作・パラメータスライダー・操作ボタン)といった固定レイアウトのテンプレートに従いつつ、アルゴリズム自体やパラメータ、見た目の結果はリクエストごとに変わります。SKILL.mdでは既存の作家の作品を模倣せず独自の作品を作ること、同じシードからは常に同じ結果が再現されること、HTML成果物はゼロから作らず用意されたテンプレートファイルを土台にすることが求められています。

algorithmic-art でできること

  • p5.jsによるオリジナルの生成的・アルゴリズミックアート(フローフィールド、パーティクルシステム、再帰構造やテッセレーションなど)を依頼できる
  • 作品の背景にある計算的なアプローチを説明した文章を、作品本体とあわせて受け取れる
  • サーバーやインストール不要で開ける、インタラクティブな単一HTMLファイルとして成果物を得られる
  • スライダーや任意のカラーピッカーでパラメータを調整し、バリエーションを探索できる
  • シードを前後に切り替えたりランダム選択・指定値へのジャンプを行い、同じアルゴリズムから異なる出力を確認できる
  • ビューワー上で再生成、初期設定へのリセット、PNG形式でのダウンロードができる

出典

一覧に戻る