algorithmic-art

algorithmic-art

カタログのスタブ — スキルの完全版：anthropics/skills

判断ツリー

1. スキルの完全版はすでにインストールされていますか？

   • グローバル：f=~/.agents/skills/algorithmic-art/SKILL.md; [ -f "$f" ] && ! grep -q "^das:" "$f" && echo "installed" || echo "pointer"
   • プロジェクト：f=.agents/skills/algorithmic-art/SKILL.md; [ -f "$f" ] && ! grep -q "^das:" "$f" && echo "installed" || echo "pointer"
   • installed → スキルは algorithmic-art としてインストールされています。これを呼び出して続行します
   • pointer → ステップ 2 に進みます

2. スコープを検出してから、インストールします：

   [ -e ~/.agents/skills/algorithmic-art ] && echo "global" || echo "project"
   

   グローバル：

   npx skills add anthropics/skills --skill algorithmic-art -g -y
   

   プロジェクト：

   npx skills add anthropics/skills --skill algorithmic-art -y
   

   Claude Code： 会話を離れずにコマンドを実行するには、チャットメッセージの先頭に ! を付けて送信します。

ご注意

• ライセンス： Apache-2.0（スキルには独自の LICENSE.txt が含まれています。リポジトリのルートにはライセンスがありません）

インストール後の呼び出し

• スキル名：algorithmic-art
• トリガーフレーズ：「algorithmic art」、「generative art」、「p5.js」、「flow field」、「particle system」

概要

p5.js を使ったジェネレーティブアート制作のための、Anthropic 公式スキルです。2 段階で動作します。まず作品のための「アルゴリズム哲学」（短いマニフェスト）を記述し、次にその哲学をシード付きのランダムな p5.js コードとして表現します。フローフィールド、パーティクルシステム、幾何学的な進行などを扱います。出力されるのは、パラメーター操作機能を備えたインタラクティブな HTML ビューアーとジェネレーティブ JS です。シードを使うことで、有機的な変化を保ちながら出力を再現できます。クリエイティブコーディング、ビジュアル実験、プロシージャル生成イラストに活用できます。

使用しないケース

• PNG/PDF 形式の静的なポスターやビジュアルアート → anthropics-skills（canvas-design）を使用します
• リアルタイム 3D やシェーダー制作 → motion-catalogue を使用して Three.js またはシェーダーのスキルを選びます