What is it?
p5.jsを使用してコンピュテーショナルジェネレーティブアートを作成するための強力なスキルです。実行するたびにユニークな作品を生み出す、生きたアルゴリズムを作成できます。このスキルはアルゴリズム哲学を重視し、コードを単なる技術ツールとしてではなく、美学的ムーブメントとして扱います。シードランダム性、ノイズフィールド、有機的システムを通じて、計算プロセス、創発的挙動、数学的美しさを活用したオリジナルのジェネレーティブアートを作成します。
How to use it?
作成プロセスは2つの主要フェーズで進みます:
-
アルゴリズム哲学を作成する - 「有機的乱流」や「量子ハーモニクス」のようなジェネレーティブアートムーブメントのための4-6段落のマニフェストを作成します。この哲学は実装を導くコンピュテーショナル美学を定義します。
-
コードで表現する - 再現性のためにシードランダム性を使用してp5.jsで哲学を実装します。このスキルはAnthropicブランディング、パラメータコントロール、シードナビゲーション、リアルタイム更新を備えたビューアーテンプレートを提供します。アーティストはシードを変更したり、パーティクル数、ノイズスケール、速度などのパラメータを調整して様々なバリエーションを探索できます。
成果物はclaude.aiまたは任意のブラウザで即座に動作する、自己完結型の単一HTMLファイルで、アルゴリズム、UIコントロール、ビジュアル出力を統合しています。
Key Features
- アルゴリズム哲学の生成 - コーディング前にコンピュテーショナル美学ムーブメントを定義
- シードランダム性(Art Blocksパターン) - 同一シードは常に同一の出力を生成
- インタラクティブパラメータコントロール - アルゴリズムのパラメータ空間を探索するリアルタイムスライダー
- シードナビゲーション - 前へ/次へ/ランダム/ジャンプボタンでバリエーションを閲覧
- プロフェッショナルビューアーテンプレート - グラデーション背景とクリーンなコントロールを備えたAnthropicブランドUI
- 単一ファイルアーティファクト - どこでも動作する自己完結型HTML、セットアップ不要
- マスターレベルの職人技 - ギャラリー品質のコンピュテーショナルアート制作を重視
Related Skills
More from CreativeTechnical Doc Creator
Creates HTML technical documentation with syntax-highlighted code blocks, API endpoint references, architecture diagrams, and color-coded HTTP method indicators
Artifacts Builder
Build complex claude.ai HTML artifacts using React, Tailwind CSS, and shadcn/ui components
Canvas Design
Create beautiful visual art in .png and .pdf formats using design philosophy