r3f-router
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.
r3f-router helps you identify the right R3F skill by analyzing your project requirements. It routes tasks to specialized skills based on what you're building—whether that's fundamental scene setup, geometry manipulation, material effects, performance optimization, or advanced features like shaders or particle systems. Describe your goal and r3f-router will recommend the appropriate skill or skill combination.
AI-generated summary based on this skill's SKILL.md
Install
Bbeierle12/Skill-MCP-Claude/r3f-router · repository language: JavaScript
git clone https://github.com/Bbeierle12/Skill-MCP-Claude
cp -r Skill-MCP-Claude/skills/r3f-router ~/.claude/skills/r3f-routerFrequently asked questions
AI-generated answers based on this skill's SKILL.md and metadata
Which React Three Fiber skill should I use for my project?
r3f-router helps you identify the right R3F skill by analyzing your project requirements. It routes tasks to specialized skills based on what you're building—whether that's fundamental scene setup, geometry manipulation, material effects, performance optimization, or advanced features like shaders or particle systems. Describe your goal and r3f-router will recommend the appropriate skill or skill combination.
How does r3f-router determine skill dependencies and combinations?
r3f-router evaluates your task against a framework of R3F skill domains, identifying which specialized skills work together. It understands when you need foundational skills first, when to layer in geometry or materials, and how performance optimization skills fit into your workflow. This dependency awareness ensures you combine skills in the right sequence for your specific use case.
What is the r3f routing decision framework?
r3f-router uses a decision framework that maps project requirements to specialized R3F skills. It considers factors like project complexity, performance needs, visual goals, and technical constraints to route your request intelligently. Whether you're choosing between drei and custom implementations, optimizing large scenes, or building shader art, the framework guides you to the most relevant skill path.
Can r3f-router help me start a new React Three Fiber project?
Yes. r3f-router guides new projects by identifying which skills you need during setup. It clarifies whether to begin with fundamentals, which specialized skills to incorporate from the start, and how to structure your skill usage as the project grows. This prevents unnecessary complexity and ensures you're using the right tools from day one.
How does r3f-router resolve conflicts between multiple R3F skills?
r3f-router analyzes conflicting signals by examining your specific requirements—performance constraints, visual complexity, team expertise, and project scope. When multiple skills could work, it weighs factors like optimization overhead, implementation complexity, and long-term maintainability to recommend the best fit or most effective combination for your situation.
What types of R3F tasks can r3f-router route to specialized skills?
r3f-router handles diverse R3F workloads: product visualization, particle systems, shader art, model loading, game simulations, large scene optimization, and custom geometry or material work. It routes geometry tasks, materials effects, performance tuning, and advanced features to appropriate specialists, ensuring every R3F request reaches the most capable skill for that domain.
SKILL.md
rendered from the published skill — quoted content, verbatim
R3F Router
Routes to 5 specialized React Three Fiber skills based on task requirements.
Routing Protocol
- Classify — Identify primary task type from user request
- Match — Find skill(s) with highest signal match
- Combine — Most R3F tasks need 2-4 skills together
- Load — Read matched SKILL.md files before implementation
Quick Route
Tier 1: Core (Always Consider)
| Task Type | Skill | Primary Signal Words |
|---|---|---|
| Scene setup | r3f-fundamentals |
canvas, scene, camera, lights, render, useFrame |
| Custom shapes | r3f-geometry |
geometry, vertices, bufferAttribute, instancing, mesh |
| Surface appearance | r3f-materials |
material, shader, texture, uniform, color, PBR |
Tier 2: Enhanced (Add When Needed)
| Task Type | Skill | Primary Signal Words |
|---|---|---|
| Optimization |
(truncated - see the full file via the links below)
Read as markdown · JSON record · Browse the source repository
File tree — 2 files
skills/r3f-router/SKILL.md
skills/r3f-router/_meta.json