dev-performance-lod-systems
について
このスキルは、カメラ距離に基づいてモデルの複雑さを軽減することでパフォーマンスを最適化する、React Three Fiber（R3F）向けの詳細度レベル（LOD）技術を提供します。複雑な3DモデルがFPS低下を引き起こす場合、特に大規模シーンやモバイルデバイスで使用されます。実装には`@react-three/drei`の`Detailed`コンポーネントを使用し、定義された距離閾値でモデルの高、中、低、ビルボードバージョンを切り替えます。
クイックインストール
Claude Code
推奨npx skills add majiayu000/claude-skill-registry -a claude-code/plugin add https://github.com/majiayu000/claude-skill-registrygit clone https://github.com/majiayu000/claude-skill-registry.git ~/.claude/skills/dev-performance-lod-systemsこのコマンドをClaude Codeにコピー＆ペーストしてスキルをインストールします
GitHub リポジトリ
関連スキル
when-profiling-performance-use-performance-profiler
その他このスキルは、CPU、メモリ、I/O、ネットワークの各次元にわたってアプリケーションのパフォーマンスを測定、分析、最適化する包括的なパフォーマンスプロファイリングを提供します。perf、Instruments、clinic.jsなどのツールを使用して、開発者がボトルネックを特定し、根本原因分析を実施し、最適化を実装することを支援します。ベースライン測定、検出、最適化の各段階を通じて体系的なパフォーマンス改善が必要な場合にご利用ください。
when-analyzing-performance-use-performance-analysis
その他このClaudeスキルは、Claude Flowスウォームの包括的なパフォーマンス分析とボトルネック検出を提供します。プロファイリングとベンチマークを通じて最適化の機会を特定し、実行可能な推奨事項を提供します。アクティブなワークフローのパフォーマンスを分析し改善する必要がある際にご利用ください。
when-profiling-performance-use-performance-profiler
その他このスキルは、CPU、メモリ、I/O、ネットワークの各次元にわたってボトルネックを検出し、アプリケーションを最適化するための包括的なパフォーマンスプロファイリングを提供します。ベースラインを確立し、ホットパスを特定し、perfやInstrumentsなどのプラットフォーム固有のツールを使用した根本原因分析を行います。アプリケーションのパフォーマンスを体系的に測定し改善する必要がある場合にご利用ください。
dev-performance-performance-basics
その他このスキルは、開発者がFPSが60を下回った際に適用すべき、R3F/Three.jsのコアなパフォーマンス最適化原則を提供します。60 FPSを維持するための重要な16msの予算について説明し、キャンバス設定や描画コールの削減といった実践的な戦略を提案します。パフォーマンス問題の診断と、必須のレンダリング最適化の実装にご活用ください。