r3f-router
Decision framework for React Three Fiber projects. Routes to specialized R3F skills (fundamentals, geometry, materials, performance, drei) based on task requirements. Use when starting an R3F project or needing guidance on which R3F skills to combine.
Installation
SKILL.md
Routes to 5 specialized React Three Fiber skills based on task requirements.
| 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 |
Decision framework for React Three Fiber projects. Routes to specialized R3F skills (fundamentals, geometry, materials, performance, drei) based on task requirements. Use when starting an R3F project or needing guidance on which R3F skills to combine. Source: bbeierle12/skill-mcp-claude.
Facts (cite-ready)
Stable fields and commands for AI/search citations.
- Install command
npx skills add https://github.com/bbeierle12/skill-mcp-claude --skill r3f-router- Category
- </>Dev Tools
- Verified
- —
- First Seen
- 2026-02-01
- Updated
- 2026-02-18
Quick answers
What is r3f-router?
Decision framework for React Three Fiber projects. Routes to specialized R3F skills (fundamentals, geometry, materials, performance, drei) based on task requirements. Use when starting an R3F project or needing guidance on which R3F skills to combine. Source: bbeierle12/skill-mcp-claude.
How do I install r3f-router?
Open your terminal or command line tool (Terminal, iTerm, Windows Terminal, etc.) Copy and run this command: npx skills add https://github.com/bbeierle12/skill-mcp-claude --skill r3f-router Once installed, the skill will be automatically configured in your AI coding environment and ready to use in Claude Code or Cursor
Where is the source repository?
https://github.com/bbeierle12/skill-mcp-claude
Details
- Category
- </>Dev Tools
- Source
- user
- First Seen
- 2026-02-01