shader-router
shader-router directs shader-related work to the right specialized skill by analyzing your visual objectives. Built as a browser-based management layer for Claude MCP skills, it streamlines how you organize and deploy shader expertise across your workflow.
shader-router analyzes your visual goals and directs you to the right specialized shader skill. Describe what you're trying to create—whether that's procedural textures, signed distance fields, noise patterns, or raymarching effects—and shader-router will recommend the appropriate skill and explain why it fits your needs.
AI-generated summary based on this skill's SKILL.md
Decision gist · record as of 2026-07-27
shader-router analyzes your visual goals and directs you to the right specialized shader skill. Describe what you're trying to create—whether that's procedural textures, signed distance fields, noise patterns, or raymarching effects—and shader-router will recommend the appropriate skill and explain why it fits your needs.
Use it when
- shader-router works as a decision framework for GLSL techniques.
- Yes.
Verify before relying
Read SKILL.md below before installing (2 files). Open directory: indexed for reading, not audited.
Install
Bbeierle12/Skill-MCP-Claude/shader-router · repository language: JavaScript
Open directory. Skills are indexed for reading, not audited. Review a skill's body before installing it.
Frequently asked questions
AI-generated answers based on this skill's SKILL.md and metadata
Which shader skill should I use for my project?
shader-router analyzes your visual goals and directs you to the right specialized shader skill. Describe what you're trying to create—whether that's procedural textures, signed distance fields, noise patterns, or raymarching effects—and shader-router will recommend the appropriate skill and explain why it fits your needs.
How do I choose between GLSL shader techniques?
shader-router works as a decision framework for GLSL techniques. It evaluates your project requirements—organic patterns, geometric shapes, lighting effects, terrain—and routes you to the matching shader skill. It also identifies when combining multiple techniques makes sense for complex effects.
Can shader-router help me combine multiple shader skills?
Yes. shader-router understands dependencies and signal matching between shader techniques, so it guides you on combining multiple shader skills together. It explains which skills work well in sequence, what outputs feed into what inputs, and how to layer effects for your desired result.
Where should I start with shader fundamentals?
shader-router provides guidance on starting a shader project with the right foundation skill. If you're new to shaders, it recommends beginning with core concepts before moving to specialized techniques, ensuring you build on solid ground before tackling advanced effects.
What shader technique should I use for organic patterns?
shader-router routes shader tasks based on your visual goal. For organic patterns, it typically directs you toward noise-based skills that generate natural-looking variation and flow. It explains why noise is the right choice and suggests complementary techniques if you need additional complexity.
Does shader-router work with procedural textures vs geometric shapes?
shader-router distinguishes between procedural texture and geometric shape approaches, routing you accordingly. It helps you decide which paradigm suits your effect—whether you need noise-driven organic generation or SDF-based precise geometry—and recommends the skill combination that matches your visual intent.
SKILL.md
Rendered from the published skill. Quoted content, verbatim.
Shader Router
Routes to 4 specialized GLSL shader skills based on task requirements.
Routing Protocol
- Classify — Identify what visual result is needed
- Match — Find skill(s) with highest signal match
- Combine — Most shaders need 2-3 skills together
- 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 |
(truncated - see the full file via the links below)
File tree — 2 files
skills/shader-router/SKILL.md
skills/shader-router/_meta.json
Let your AI agent find skills like this
Example. Real query, live index.
You found this page by searching. An agent finds it by wishing: SkillFed indexes 56,283 agent skills by what they can do, searchable in plain language.
wish › “Route shader task to appropriate specialized skill based on visual goal”
Give your agent the search over MCP, or paste the wish link into any chat. No install? Search from any chat →
Related skills
shader-dev equips AI coding agents with production-grade instruction for GLSL shader development. Access curated patterns and best practices to build real-time visual effects efficiently. Integrate this skill into your AI coding workflow to accelerate shader implementation.
shader-noise provides GLSL implementations for procedural noise generation, enabling realistic texture synthesis and visual effects in shader pipelines. Use Perlin, Simplex, or fractal noise algorithms to add organic variation and detail to your rendering workflows. Ideal for game development, creative coding, and graphics applications requiring dynamic, noise-driven visual content.
This skill provides a browser-based management layer for routing sophisticated 3D and visual projects to their appropriate specialized handlers within an MCP server environment. It integrates with Claude Code CLI to enable on-demand skill loading, letting you organize markdown-based instruction sets that extend Claude's capabilities for domain-specific visual work.
r3f-router intelligently directs Three.js React Fiber workloads to the right specialized skill based on task requirements. This dispatcher streamlines skill selection within MCP environments, ensuring Claude accesses the most relevant instruction sets for each request. Perfect for scaling complex R3F projects across multiple specialized knowledge domains.
shader-effects provides ready-to-use shader implementations for common visual effects in graphics programming. Access code snippets for glow, bloom, chromatic aberration, and other post-processing techniques to enhance your rendering pipeline. Perfect for developers building interactive graphics or game engines.
shader-sdf enables you to construct procedural geometry using signed distance functions directly in GLSL shaders. This approach lets you define complex 2D and 3D shapes through mathematical functions rather than traditional mesh data, making it ideal for real-time graphics, raymarching, and generative visual effects.
More skills shader-fundamentals (MIT) · gsap-router (MIT)