mcpField
S
shader-router

shader-router

github.com/bbeierle12开发970 次安装1 天前更新
代码仓库

关于 shader-router

根据视觉目标和技术特征,从四种 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

详细介绍

Shader Router

根据任务需求路由到 4 个专门的 GLSL 着色器技能。

路由协议

  1. 分类 — 确定所需的视觉效果
  2. 匹配 — 找出信号匹配度最高的技能
  3. 组合 — 大多数着色器需要组合使用 2-3 个技能
  4. 加载 — 实现前阅读匹配的 SKILL.md 文件

快速路由

第 1 层:核心(始终考虑)
任务类型技能主要信号词
编写着色器shader-fundamentalsGLSL、顶点、片段、uniform、varying、坐标
有机图案shader-noise噪声、程序化、地形、云、湍流、有机
第 2 层:专用(按需添加)
任务类型技能主要信号词
形状/几何shader-sdf形状、圆形、方框、布尔、并集、变形、光线步进
视觉润色shader-effects发光、泛光、色差、扭曲、暗角、故障效果

信号匹配规则

优先级顺序

出现多个信号时,按优先级处理:

  1. 明确的技术 — “使用 simplex 噪声” → shader-noise
  2. 视觉目标 — “有机外观” → shader-noise
  3. 形状需求 — “圆角矩形” → shader-sdf
  4. 润色需求 — “添加发光效果” → 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/Logo 动画(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
Logo否是是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 通常最后应用

视觉目标 → 技术映射

目标使用技术
自然/有机外观噪声(FBM、湍流)
几何形状SDF 基元
平滑变形SDF 平滑运算
无限图案SDF 重复
地形高度噪声 + 顶点位移
水面/焦散噪声 + Worley
发光/泛光效果(发光函数)
复古/CRT 外观效果(扫描线、颗粒)
过渡效果SDF 溶解或效果溶解
轮廓SDF 或效果(两者均有相关方法)

回退行为

  • 未知技术 → 从 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

评论

支持 Markdown