r3f-shaders

SKILL.md

The key prop on shaderMaterial enables live shader editing without page refresh:

When you edit shader code, the material automatically updates. Without key, you'd need to refresh the page to see changes.

React Three Fiber shaders - GLSL, shaderMaterial, uniforms, custom effects. Use when creating custom visual effects, modifying vertices, writing fragment shaders, or extending built-in materials. Source: enzed/r3f-skills.

Open your terminal or command line tool (Terminal, iTerm, Windows Terminal, etc.) Copy and run this command: npx skills add https://github.com/enzed/r3f-skills --skill r3f-shaders Once installed, the skill will be automatically configured in your AI coding environment and ready to use in Claude Code or Cursor

View raw