mcpField
S
shader-router

shader-router

github.com/bbeierle12開発970 回インストール1 日前に更新
リポジトリ

shader-router について

視覚的な目標や技法に応じて、4種類のGLSLシェーダースキルから選ぶルーティングスキルです。プロシージャルテクスチャ、地形、レイマーチング3Dシーンなどに適した組み合わせを提案します。

主な機能

  1. 01視覚的な目標の分類
  2. 02シグナルに基づくスキル照合
  3. 03専門スキルの組み合わせ
  4. 04優先度と確度による振り分け
  5. 05スキル構成の提案

活用シーン

  1. 01プロシージャルテクスチャ向けスキルの選択
  2. 02地形シェーダー作業の計画
  3. 03スタイライズ形状とグロー効果の振り分け
  4. 04レイマーチングシーン向けスキルの選択

インストール

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

$npx skills add https://github.com/bbeierle12/skill-mcp-claude --skill shader-router

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

同梱ファイル_meta.json

詳細

シェーダールーター

タスクの要件に基づいて、4 つの専門的な GLSL シェーダースキルにルーティングします。

ルーティングプロトコル

  1. 分類 — 必要なビジュアル結果を特定します
  2. 照合 — 最も一致度の高いシグナルを持つスキルを見つけます
  3. 組み合わせ — 多くのシェーダーでは、2〜3 個のスキルを組み合わせます
  4. 読み込み — 実装前に、該当する SKILL.md ファイルを読みます

クイックルート

Tier 1:コア(常に検討)
タスクの種類スキル主なシグナルワード
シェーダーの作成shader-fundamentalsGLSL、vertex、fragment、uniform、varying、coordinate
有機的なパターンshader-noisenoise、procedural、terrain、clouds、turbulence、organic
Tier 2:専門(必要に応じて追加)
タスクの種類スキル主なシグナルワード
形状/ジオメトリshader-sdfshape、circle、box、boolean、union、morph、raymarch
ビジュアルの仕上げshader-effectsglow、bloom、chromatic、distortion、vignette、glitch

シグナル照合ルール

優先順位

複数のシグナルがある場合は、次の優先順位で判断します。

  1. 明示された手法 — 「simplex noise を使う」→ shader-noise
  2. ビジュアル上の目標 — 「有機的な見た目」→ shader-noise
  3. 形状のニーズ — 「角丸の長方形」→ shader-sdf
  4. 仕上げのニーズ — 「glow を追加」→ shader-effects
  5. デフォルト — shader-fundamentals から始めます
確信度のスコアリング
  • 高(シグナル 3 つ以上) — すぐにルーティングします
  • 中(シグナル 1〜2 つ) — shader-fundamentals をベースとしてルーティングします
  • 低(シグナル 0 個) — 「どのようなビジュアルエフェクトを実現したいですか?」と尋ねます

よくある組み合わせ

プロシージャルテクスチャ(2 スキル)
shader-fundamentals → Vertex/fragment setup, uniforms
shader-noise        → Noise functions, FBM

連携:Fundamentals がシェーダーの構造を提供し、noise がパターンを生成します。

スタイライズされた形状(3 スキル)
shader-fundamentals → Shader setup, UV handling
shader-sdf          → Shape definition, boolean ops
shader-effects      → Glow, outline, anti-aliasing

連携:SDF が形状を定義し、effects がビジュアルを仕上げます。

地形/風景(2 スキル)
shader-fundamentals → Vertex displacement, lighting
shader-noise        → Height generation, detail layers

連携:Noise がハイトマップを生成し、fundamentals が変位とシェーディングを処理します。

ホログラフィック/サイバーパンク(3 スキル)
shader-fundamentals → Fresnel, scanlines base
shader-noise        → Animated distortion
shader-effects      → Chromatic aberration, glitch, glow

連携:複数のエフェクトを重ねて、複雑なビジュアルスタイルを作ります。

UI/ロゴアニメーション(3 スキル)
shader-fundamentals → Animation timing, UV manipulation
shader-sdf          → Shape primitives, morphing
shader-effects      → Glow, dissolve, outline

連携:SDF が形状を作成し、effects がトランジションを加えます。

レイマーチング 3D(3 スキル)
shader-fundamentals → Ray setup, lighting math
shader-sdf          → 3D primitives, scene composition
shader-noise        → Surface detail, displacement

連携:SDF がジオメトリを定義し、noise が有機的なディテールを加えます。

判断テーブル

ビジュアル上の目標有機的?形状?エフェクト?ルーティング先
雲はいいいえ場合によるfundamentals + noise
ロゴいいえはいはいfundamentals + sdf + effects
地形はいいいえいいえfundamentals + noise
炎/煙はいいいえはいfundamentals + noise + effects
UI 要素いいえはいはいfundamentals + sdf + effects
抽象アートはい場合によるはいすべてのスキル
3D レイマーチング場合によるはい場合によるfundamentals + sdf + (noise)

スキルの依存関係

shader-fundamentals (foundation)
├── shader-noise (extends fundamentals)
├── shader-sdf (extends fundamentals)
└── shader-effects (extends fundamentals)
  • 常に shader-fundamentals から始めます
  • shader-noise と shader-sdf は、多くの場合それぞれ独立しています
  • shader-effects は通常、最後に適用します

ビジュアル上の目標 → 手法の対応表

目指すもの使うもの
自然/有機的な見た目Noise(FBM、turbulence)
幾何学的な形状SDF プリミティブ
滑らかなモーフィングSDF のスムーズ演算
無限パターンSDF の反復
地形の高さNoise + 頂点変位
水/コースティクスNoise + Worley
Glow/bloomEffects(glow 関数)
レトロ/CRT の見た目Effects(走査線、グレイン)
トランジションSDF の dissolve または Effects の dissolve
アウトラインSDF または Effects(どちらにも手法があります)

フォールバック動作

  • 不明な手法 → shader-fundamentals から始めます
  • 明確なシグナルがない → 「作成したいビジュアルについて説明してください」と尋ねます
  • パフォーマンス上の懸念 → shader-noise の最適化のヒントを確認します

クイック判断フローチャート

User Request
     │
     ▼
┌─────────────────────┐
│ Writing shaders?    │──Yes──▶ shader-fundamentals (always)
└─────────────────────┘
     │
     ▼
┌─────────────────────┐
│ Organic/natural?    │──Yes──▶ + shader-noise
└─────────────────────┘
     │
     ▼
┌─────────────────────┐
│ Geometric shapes?   │──Yes──▶ + shader-sdf
└─────────────────────┘
     │
     ▼
┌─────────────────────┐
│ Visual polish?      │──Yes──▶ + shader-effects
└─────────────────────┘

参考資料

詳細なパターンについては、各スキルファイルを参照してください。

  • /mnt/skills/user/shader-fundamentals/SKILL.md
  • /mnt/skills/user/shader-noise/SKILL.md
  • /mnt/skills/user/shader-sdf/SKILL.md
  • /mnt/skills/user/shader-effects/SKILL.md

コメント