X (Twitter)

Algorithmic Art スキルが Claude をシード付き乱数、フローフィールド、p5.js スケッチへ導く流れを SKILL.md から完全解説。

出典：anthropics/skills（MIT）より内容を翻案。最終同期：2026年7月8日（上流更新：2026年4月20日）。

概要

公式の説明："Creating algorithmic art using p5.js with seeded randomness and interactive parameter exploration - generative art, flow fields, particle systems."

このスキルの仕組み

このスキルを特徴づけるのは、コードの前にアルゴリズム哲学を書かせることです。SKILL.md の流れ：

哲学の作成 - ビジュアルへ飛びつかず、名前を持つ芸術的立場を（作例付きで）先に生成
概念のシードを導出 - ユーザーの依頼から作品を支配するアイデアを導く
p5.js 実装 - 「⚠️ STEP 0: READ THE TEMPLATE FIRST」という強制ルール付き：すべてのスケッチは templates/generator_template.js から始める
職人的・技術的要件 - シード付き乱数で出力を再現可能にし、同梱ビューアでパラメータを対話的に探索
固定と可変の区別 - テンプレートのどこを変えてよく、どこは不可か

スキルフォルダの中身

templates/generator_template.js - 必須の p5.js 起点
templates/viewer.html - 対話型パラメータエクスプローラ
SKILL.md（約20KB、公式スキル中最も詳細な部類）、LICENSE.txt

自作スキルへのヒント

「逸脱禁止」契約付きテンプレートは、自由な指示より遥かに一貫した出力を生みます。
シード付き乱数はジェネラティブアートを再現可能でパラメータ化できる資産に変える——出力が可変なスキル全般に効く規律です。

GitHub で見る

skills/algorithmic-art

出典：anthropics/skills（MIT）より内容を翻案。最終同期：2026年7月8日（上流更新：2026年4月20日）。

概要

公式の説明："Creating algorithmic art using p5.js with seeded randomness and interactive parameter exploration - generative art, flow fields, particle systems."

このスキルの仕組み

このスキルを特徴づけるのは、コードの前にアルゴリズム哲学を書かせることです。SKILL.md の流れ：

哲学の作成 - ビジュアルへ飛びつかず、名前を持つ芸術的立場を（作例付きで）先に生成
概念のシードを導出 - ユーザーの依頼から作品を支配するアイデアを導く
p5.js 実装 - 「⚠️ STEP 0: READ THE TEMPLATE FIRST」という強制ルール付き：すべてのスケッチは templates/generator_template.js から始める
職人的・技術的要件 - シード付き乱数で出力を再現可能にし、同梱ビューアでパラメータを対話的に探索
固定と可変の区別 - テンプレートのどこを変えてよく、どこは不可か