r3f-fundamentals
✓React Three Fiber の基礎 - Canvas、フック (useFrame、useThree)、JSX 要素、イベント、ref。 R3F シーンのセットアップ、コンポーネントの作成、レンダー ループの処理、または React で Three.js オブジェクトの操作を行うときに使用します。
インストール
SKILL.md
The root component that creates the WebGL context, scene, camera, and renderer.
Subscribe to the render loop. Called every frame (typically 60fps).
Leva provides a GUI for tweaking parameters in real-time during development.
React Three Fiber の基礎 - Canvas、フック (useFrame、useThree)、JSX 要素、イベント、ref。 R3F シーンのセットアップ、コンポーネントの作成、レンダー ループの処理、または React で Three.js オブジェクトの操作を行うときに使用します。 ソース: enzed/r3f-skills。
引用可能な情報
AI/検索での引用用の安定したフィールドとコマンド。
- インストールコマンド
npx skills add https://github.com/enzed/r3f-skills --skill r3f-fundamentals- カテゴリ
- *クリエイティブ
- 認証済み
- ✓
- 初回登録
- 2026-02-01
- 更新日
- 2026-02-18
クイックアンサー
r3f-fundamentals とは？
React Three Fiber の基礎 - Canvas、フック (useFrame、useThree)、JSX 要素、イベント、ref。 R3F シーンのセットアップ、コンポーネントの作成、レンダー ループの処理、または React で Three.js オブジェクトの操作を行うときに使用します。 ソース: enzed/r3f-skills。
r3f-fundamentals のインストール方法は？
ターミナルまたはコマンドラインツール（Terminal、iTerm、Windows Terminal など）を開きます このコマンドをコピーして実行します: npx skills add https://github.com/enzed/r3f-skills --skill r3f-fundamentals インストール後、スキルは自動的に AI コーディング環境に設定され、Claude Code や Cursor で使用できるようになります
ソースリポジトリはどこですか？
https://github.com/enzed/r3f-skills
詳細
- カテゴリ
- *クリエイティブ
- ソース
- skills.sh
- 初回登録
- 2026-02-01