r3f-performance
✓R3F パフォーマンスの最適化 - LOD (詳細レベル)、錐台カリング、インスタンス化戦略、描画呼び出しの削減、フレーム バジェット、遅延読み込み、およびプロファイリング ツール。レンダリング パフォーマンスの最適化、大規模なシーンの処理、またはフレーム レートの問題のデバッグを行う場合に使用します。
SKILL.md
Optimize render performance through draw call reduction, geometry optimization, smart loading, and profiling.
| JavaScript | < 4ms | useFrame logic, state updates | | GPU Render | < 10ms | Draw calls, shaders | | Compositing | < 2ms | Post-processing, overlays | | Buffer | 1ms | Safety margin |
A scene with 100 meshes of 1000 triangles each is slower than 1 mesh of 100,000 triangles.
R3F パフォーマンスの最適化 - LOD (詳細レベル)、錐台カリング、インスタンス化戦略、描画呼び出しの削減、フレーム バジェット、遅延読み込み、およびプロファイリング ツール。レンダリング パフォーマンスの最適化、大規模なシーンの処理、またはフレーム レートの問題のデバッグを行う場合に使用します。 ソース: bbeierle12/skill-mcp-claude。
引用可能な情報
AI/検索での引用用の安定したフィールドとコマンド。
- インストールコマンド
npx skills add https://github.com/bbeierle12/skill-mcp-claude --skill r3f-performance- カテゴリ
- </>開発ツール
- 認証済み
- ✓
- 初回登録
- 2026-02-01
- 更新日
- 2026-02-18
クイックアンサー
r3f-performance とは？
R3F パフォーマンスの最適化 - LOD (詳細レベル)、錐台カリング、インスタンス化戦略、描画呼び出しの削減、フレーム バジェット、遅延読み込み、およびプロファイリング ツール。レンダリング パフォーマンスの最適化、大規模なシーンの処理、またはフレーム レートの問題のデバッグを行う場合に使用します。 ソース: bbeierle12/skill-mcp-claude。
r3f-performance のインストール方法は？
ターミナルまたはコマンドラインツール（Terminal、iTerm、Windows Terminal など）を開きます このコマンドをコピーして実行します: npx skills add https://github.com/bbeierle12/skill-mcp-claude --skill r3f-performance インストール後、スキルは自動的に AI コーディング環境に設定され、Claude Code や Cursor で使用できるようになります
ソースリポジトリはどこですか？
https://github.com/bbeierle12/skill-mcp-claude
詳細
- カテゴリ
- </>開発ツール
- ソース
- skills.sh
- 初回登録
- 2026-02-01