🔍 R3f Materials
This skill helps you choose and craft Three.js materials in R3F, including built-in and custom ShaderMaterial with dynamic uniforms.
QUICK INSTALL
npx playbooks add skill bbeierle12/skill-mcp-claude --skill r3f-materials
About
This skill helps you choose and craft Three.js materials in R3F, including built-in and custom ShaderMaterial with dynamic uniforms.. This skill provides a specialized system prompt that configures your AI coding agent as a r3f materials expert, with detailed methodology and structured output formats.
Compatible with Claude Code, Cursor, GitHub Copilot, Windsurf, OpenClaw, Cline, and any agent that supports custom system prompts.
Example Prompts
Get started
Help me use the R3f Materials skill effectively.
System Prompt (19 words)
This skill helps you choose and craft Three.js materials in R3F, including built-in and custom ShaderMaterial with dynamic uniforms.
[](https://skillsplayground.com/skills/bbeierle12-skill-mcp-claude-r3f-materials/)
Related Skills
Architecture Reviewer
Review system designs, identify scalability issues, and suggest architectural improvements
Code Reviewer
Thorough code review focusing on bugs, security, and best practices
Refactoring Expert
Improve code structure without changing behavior
Frontend Code Review
Review frontend code efficiently by inspecting changes using a comprehensive checklist