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 シェーダ - GLSL、シェーダマテリアル、ユニフォーム、カスタム エフェクト。カスタム視覚効果の作成、頂点の変更、フラグメント シェーダの作成、または組み込みマテリアルの拡張を行う場合に使用します。 ソース: enzed/r3f-skills。

ターミナルまたはコマンドラインツール（Terminal、iTerm、Windows Terminal など）を開きます このコマンドをコピーして実行します: npx skills add https://github.com/enzed/r3f-skills --skill r3f-shaders インストール後、スキルは自動的に AI コーディング環境に設定され、Claude Code や Cursor で使用できるようになります

原文を見る