Bbeierle12

shader-router

4
0
# Install this skill:
npx skills add Bbeierle12/Skill-MCP-Claude --skill "shader-router"

Install specific skill from multi-skill repository

# Description

Decision framework for GLSL shader projects. Routes to specialized shader skills (fundamentals, noise, SDF, effects) based on task requirements. Use when starting a shader project or needing guidance on which shader techniques to combine.

# SKILL.md


name: shader-router
description: Decision framework for GLSL shader projects. Routes to specialized shader skills (fundamentals, noise, SDF, effects) based on task requirements. Use when starting a shader project or needing guidance on which shader techniques to combine.


Shader Router

Routes to 4 specialized GLSL shader skills based on task requirements.

Routing Protocol

  1. Classify โ€” Identify what visual result is needed
  2. Match โ€” Find skill(s) with highest signal match
  3. Combine โ€” Most shaders need 2-3 skills together
  4. Load โ€” Read matched SKILL.md files before implementation

Quick Route

Tier 1: Core (Always Consider)

Task Type Skill Primary Signal Words
Writing shaders shader-fundamentals GLSL, vertex, fragment, uniform, varying, coordinate
Organic patterns shader-noise noise, procedural, terrain, clouds, turbulence, organic

Tier 2: Specialized (Add When Needed)

Task Type Skill Primary Signal Words
Shapes/geometry shader-sdf shape, circle, box, boolean, union, morph, raymarch
Visual polish shader-effects glow, bloom, chromatic, distortion, vignette, glitch

Signal Matching Rules

Priority Order

When multiple signals present, resolve by priority:

  1. Explicit technique โ€” "use simplex noise" โ†’ shader-noise
  2. Visual goal โ€” "organic look" โ†’ shader-noise
  3. Shape need โ€” "rounded rectangle" โ†’ shader-sdf
  4. Polish need โ€” "add glow" โ†’ shader-effects
  5. Default โ€” Start with shader-fundamentals

Confidence Scoring

  • High (3+ signals) โ€” Route immediately
  • Medium (1-2 signals) โ€” Route with shader-fundamentals as base
  • Low (0 signals) โ€” Ask: "What visual effect are you trying to achieve?"

Common Combinations

Procedural Texture (2 skills)

shader-fundamentals โ†’ Vertex/fragment setup, uniforms
shader-noise        โ†’ Noise functions, FBM

Wiring: Fundamentals provides shader structure, noise generates patterns.

Stylized Shape (3 skills)

shader-fundamentals โ†’ Shader setup, UV handling
shader-sdf          โ†’ Shape definition, boolean ops
shader-effects      โ†’ Glow, outline, anti-aliasing

Wiring: SDF defines shape, effects add visual polish.

Terrain/Landscape (2 skills)

shader-fundamentals โ†’ Vertex displacement, lighting
shader-noise        โ†’ Height generation, detail layers

Wiring: Noise generates heightmap, fundamentals handles displacement and shading.

Holographic/Cyberpunk (3 skills)

shader-fundamentals โ†’ Fresnel, scanlines base
shader-noise        โ†’ Animated distortion
shader-effects      โ†’ Chromatic aberration, glitch, glow

Wiring: Layer multiple effects for complex visual style.

UI/Logo Animation (3 skills)

shader-fundamentals โ†’ Animation timing, UV manipulation
shader-sdf          โ†’ Shape primitives, morphing
shader-effects      โ†’ Glow, dissolve, outline

Wiring: SDF creates shapes, effects add transitions.

Raymarched 3D (3 skills)

shader-fundamentals โ†’ Ray setup, lighting math
shader-sdf          โ†’ 3D primitives, scene composition
shader-noise        โ†’ Surface detail, displacement

Wiring: SDF defines geometry, noise adds organic detail.

Decision Table

Visual Goal Organic? Shapes? Effects? Route To
Clouds Yes No Maybe fundamentals + noise
Logo No Yes Yes fundamentals + sdf + effects
Terrain Yes No No fundamentals + noise
Fire/smoke Yes No Yes fundamentals + noise + effects
UI element No Yes Yes fundamentals + sdf + effects
Abstract art Yes Maybe Yes all skills
3D raymarch Maybe Yes Maybe fundamentals + sdf + (noise)

Skill Dependencies

shader-fundamentals (foundation)
โ”œโ”€โ”€ shader-noise (extends fundamentals)
โ”œโ”€โ”€ shader-sdf (extends fundamentals)
โ””โ”€โ”€ shader-effects (extends fundamentals)
  • Always start with shader-fundamentals
  • shader-noise and shader-sdf are often independent
  • shader-effects typically applied last

Visual Goal โ†’ Technique Mapping

Want This Use This
Natural/organic look Noise (FBM, turbulence)
Geometric shapes SDF primitives
Smooth morphing SDF smooth operations
Infinite patterns SDF repetition
Terrain height Noise + vertex displacement
Water/caustics Noise + Worley
Glow/bloom Effects (glow functions)
Retro/CRT look Effects (scanlines, grain)
Transitions SDF dissolve or Effects dissolve
Outlines SDF or Effects (both have methods)

Fallback Behavior

  • Unknown technique โ†’ Start with shader-fundamentals
  • No clear signals โ†’ Ask: "Describe the visual you're trying to create"
  • Performance concerns โ†’ Check shader-noise optimization tips

Quick Decision Flowchart

User Request
     โ”‚
     โ–ผ
โ”Œโ”€โ”€โ”€โ”€โ”€โ”€โ”€โ”€โ”€โ”€โ”€โ”€โ”€โ”€โ”€โ”€โ”€โ”€โ”€โ”€โ”€โ”
โ”‚ Writing shaders?    โ”‚โ”€โ”€Yesโ”€โ”€โ–ถ shader-fundamentals (always)
โ””โ”€โ”€โ”€โ”€โ”€โ”€โ”€โ”€โ”€โ”€โ”€โ”€โ”€โ”€โ”€โ”€โ”€โ”€โ”€โ”€โ”€โ”˜
     โ”‚
     โ–ผ
โ”Œโ”€โ”€โ”€โ”€โ”€โ”€โ”€โ”€โ”€โ”€โ”€โ”€โ”€โ”€โ”€โ”€โ”€โ”€โ”€โ”€โ”€โ”
โ”‚ Organic/natural?    โ”‚โ”€โ”€Yesโ”€โ”€โ–ถ + shader-noise
โ””โ”€โ”€โ”€โ”€โ”€โ”€โ”€โ”€โ”€โ”€โ”€โ”€โ”€โ”€โ”€โ”€โ”€โ”€โ”€โ”€โ”€โ”˜
     โ”‚
     โ–ผ
โ”Œโ”€โ”€โ”€โ”€โ”€โ”€โ”€โ”€โ”€โ”€โ”€โ”€โ”€โ”€โ”€โ”€โ”€โ”€โ”€โ”€โ”€โ”
โ”‚ Geometric shapes?   โ”‚โ”€โ”€Yesโ”€โ”€โ–ถ + shader-sdf
โ””โ”€โ”€โ”€โ”€โ”€โ”€โ”€โ”€โ”€โ”€โ”€โ”€โ”€โ”€โ”€โ”€โ”€โ”€โ”€โ”€โ”€โ”˜
     โ”‚
     โ–ผ
โ”Œโ”€โ”€โ”€โ”€โ”€โ”€โ”€โ”€โ”€โ”€โ”€โ”€โ”€โ”€โ”€โ”€โ”€โ”€โ”€โ”€โ”€โ”
โ”‚ Visual polish?      โ”‚โ”€โ”€Yesโ”€โ”€โ–ถ + shader-effects
โ””โ”€โ”€โ”€โ”€โ”€โ”€โ”€โ”€โ”€โ”€โ”€โ”€โ”€โ”€โ”€โ”€โ”€โ”€โ”€โ”€โ”€โ”˜

Reference

See individual skill files for detailed patterns:

  • /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

# Supported AI Coding Agents

This skill is compatible with the SKILL.md standard and works with all major AI coding agents:

Learn more about the SKILL.md standard and how to use these skills with your preferred AI coding agent.