公式 🔍 静的検証済み 🔥 活発 非商用 中級
Algorithmic Art Generator
anthropics/skills/algorithmic-art
テキスト指示から「アルゴリズム哲学＋p5.jsインタラクティブ作品」を同時生成する公式 skill。生成芸術・ビジュアル試作向け。
インストール手順
クリックでコピー
1
Plugin Marketplace を追加（初回のみ）
2
スキルをインストール
Mac / Windows 共通コマンドです
✓ 運営検証レポート
検証日 2026-05-19
10分
所要時間
運営
検証者
検証5軸スコア
意図の汲み取り 4/5
そのまま使える度 4/5
再現性 5/5
入力の柔軟性 5/5
想定外のプラス 4/5
🧪 検証に使った指示（プロンプト）
企業オフィス用ジェネラティブアート4種類(波/幾何学/ボロノイ/フラクタル樹木)をp5.jsで生成
📄 実際に返ってきた出力
p5.jsコード4種類(波/幾何学/ボロノイ/フラクタル樹木) 各30-60行 + パラメータ調整ガイド + 配置設計(ループ・FPS推奨値)
💎 ここがすごい
視覚アートの定型(対称性・色彩理論・動きの心地よさ)を意識した出力。コードコメントで『この値を変えると○○が変わる』と注釈が入る
🎁 想定外のプラス
頼んでいないのに『ループ再生時のメモリリーク回避(オブジェクト数の上限設定)』『ブラウザ縦横サイズへの自動追従』を実装に含めてくれた
😔 正直イマイチだった点
デザインアート的な美しさは保証されるが、ブランドカラー指定がない場合は汎用パレットに寄りがち
👍 この人に刺さる
オフィスサイネージ・ウェブサイト背景・SNSバナーで動きのある視覚要素を使いたいデザイナー/エンジニア
🙅 この人には不要
ピクセル単位の精密アート(イラストレーター業務など)を求める人(コード生成はあくまでアルゴリズム的範囲)
⚖️ 既存ツールと比べると
p5.jsの公式examplesが『プリセット集』に対し、これは『あなたの用途(オフィス内装等)に合わせたカスタム版』を返す
どんな skill か
「アルゴリズムの哲学」を文書化し、それを p5.js のインタラクティブな生成芸術コードとして表現する Anthropic 公式 skill。ユーザーのリクエストから、計算美学のコンセプト文書と動く HTML 作品を同時に生成します。
どんな人に向くか
- 生成芸術・ジェネラティブアートに興味がある人
- ビジュアルブランディングのアニメーション試作
- 概念をインタラクティブに可視化したい人
どんな人に向かないか
- 完成された静止画ポスターが欲しい人（→ canvas-design へ）
- プログラミングに全く触れたくない人
ライセンス
Apache-2.0。商用利用 OK。
⚠️ このスキルは運営による実機検証はまだ行っていません。掲載は実在確認のみ済み。
!
ライセンス
未確認
非商用。個人利用・社内利用は可能ですが、再配布・販売は禁止されています。
公式ライセンスを確認 →公式リポジトリ
https://github.com/anthropics/skills/tree/main/skills/algorithmic-art