r3f-materials
Three.js materials in R3F, built-in materials (Standard, Physical, Basic, etc.), ShaderMaterial with custom GLSL, uniforms binding and animation, and material properties. Use when choosing materials, creating custom shaders, or binding dynamic uniforms.
Installation
SKILL.md
Materials define surface appearance—color, texture, reflectivity, transparency, and custom shader effects.
| Material | Lighting | Use Case | Performance |
| MeshBasicMaterial | None | UI, unlit, debug | Fastest | | MeshStandardMaterial | PBR | General 3D | Good | | MeshPhysicalMaterial | PBR+ | Glass, car paint | Slower | | MeshLambertMaterial | Diffuse | Matte surfaces | Fast | | MeshPhongMaterial | Specular | Shiny plastic | Fast | | MeshToonMaterial | Cel-shaded | Stylized | Good |
Three.js materials in R3F, built-in materials (Standard, Physical, Basic, etc.), ShaderMaterial with custom GLSL, uniforms binding and animation, and material properties. Use when choosing materials, creating custom shaders, or binding dynamic uniforms. 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-materials- Category
- </>Dev Tools
- Verified
- —
- First Seen
- 2026-02-01
- Updated
- 2026-02-18
Quick answers
What is r3f-materials?
Three.js materials in R3F, built-in materials (Standard, Physical, Basic, etc.), ShaderMaterial with custom GLSL, uniforms binding and animation, and material properties. Use when choosing materials, creating custom shaders, or binding dynamic uniforms. Source: bbeierle12/skill-mcp-claude.
How do I install r3f-materials?
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-materials 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