mcpField
S
shader-dev

shader-dev

github.com/podoクリエイティブ・メディア29167 回インストール3 日前に更新
リポジトリ

shader-dev について

shader-dev は、ShaderToy 互換の手法や実行可能な WebGL シェーダーを作成する MiniMax の GLSL スキルです。3D レイマーチング、シミュレーション、プロシージャルパターン、ライティング、ポストプロセスを扱います。

主な機能

  1. 01ShaderToy 互換手法のライブラリ
  2. 02レイマーチングと SDF モデリング
  3. 03流体シミュレーションとパーティクル
  4. 04プロシージャルパターンとライティング
  5. 05ポストプロセスのリファレンス
  6. 06uniform とアニメーションを備えた WebGL シェーダー

活用シーン

  1. 01レイマーチングによる 3D シェーダーの作成
  2. 02流体またはパーティクルのシミュレーション構築
  3. 03プロシージャルパターンとポストプロセスの追加

インストール

コマンドをコピーしてターミナルで実行します。

$npx skills add https://github.com/podo/design-agent-skills --skill shader-dev

インストール後、Claude Code で/shader-devを入力して読み込まれたか確認します。

同梱ファイルstub.yaml

詳細

shader-dev

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

判断ツリー

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

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

  2. 適用範囲を検出してから、インストールします：

    [ -e ~/.agents/skills/shader-dev ] && echo "global" || echo "project"

    グローバル：

    npx skills add MiniMax-AI/skills --skill shader-dev -g -y

    プロジェクト：

    npx skills add MiniMax-AI/skills --skill shader-dev -y

    Claude Code： 会話を離れずにコマンドを実行するには、! で始まるコマンドをチャットメッセージとして送信してください。

注意事項

  • ライセンス： MIT

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

  • スキル名：shader-dev
  • トリガーフレーズ：「shader」、「GLSL」、「ray marching」、「fluid simulation」、「WebGL shader」

機能

公式の MiniMax GLSL シェーダースキルです。3D 向けのレイマーチングや SDF モデリング、流体力学シミュレーション、パーティクルシステム、プロシージャルパターン生成、ライティング、ポストプロセッシングを網羅した、ShaderToy 対応のテクニックとリファレンスのライブラリを備えています。正しい uniform、時間ベースのアニメーション、ノイズ関数を使用した、動作する WebGL フラグメントシェーダーと頂点シェーダーを生成します。

使用しないケース

  • Three.js シーン、WebGPU、または TSL ノードマテリアル → cloudai-threejs、threejs-claude-skill-package、または webgpu-claude-skill を使用してください
  • p5.js を使ったジェネレーティブアート → p5js-hermes または algorithmic-art を使用してください

コメント

Markdown 対応