p5js-hermes

p5js-hermes

カタログのスタブ — フルスキル：nousresearch/hermes-agent

判断ツリー

1. フルスキルはすでにインストールされていますか？ この場所にあるスキルに、まだ das: ブロックがあるか確認します：

   • グローバル：grep -q "^das:" ~/.agents/skills/p5js-hermes/SKILL.md 2>/dev/null && echo "pointer" || echo "installed"
   • プロジェクト：grep -q "^das:" .agents/skills/p5js-hermes/SKILL.md 2>/dev/null && echo "pointer" || echo "installed"
   • das: ブロックがない → フルスキルがインストール済みです。スキルを呼び出して続行します
   • das: ブロックがある → 手順 2 に進みます

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

   スコープを検出するには：

   [ -e ~/.agents/skills/p5js-hermes ] && echo "global" || echo "project"
   

   グローバル（-g を付けてインストール）：

   npx skills add nousresearch/hermes-agent --skill p5js-hermes -g -y
   

   プロジェクト（-g を付けずにインストール）：

   npx skills add nousresearch/hermes-agent --skill p5js-hermes -y
   

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

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

• スキル名：p5js-hermes
• トリガーフレーズ：「p5.js」、「p5js」、「p5 のジェネラティブアート」、「フローフィールド」、「オーディオリアクティブ」

機能

p5.js でインタラクティブアートやジェネラティブアートを制作するための、完全な制作パイプラインです。ノイズ関数、パーティクルシステム、フローフィールド、GLSL シェーダーの統合、ピクセル配列の操作、キネティックタイポグラフィ、WebGL、音声に反応するビジュアルを使った 2D／3D レンダリングを網羅しています。NousResearch の Hermes エージェントによる 10 個のリファレンスファイルを基盤としており、公式のアルゴリズミックアートスキルよりも大幅に詳しい内容です。