when-profiling-performance-use-performance-profiler

このClaudeスキルは、Claude Flowスウォームの包括的なパフォーマンス分析とボトルネック検出を提供します。プロファイリングとベンチマークを通じて最適化の機会を特定し、実行可能な推奨事項を提供します。アクティブなワークフローのパフォーマンスを分析し改善する必要がある際にご利用ください。

このスキルは、CPU、メモリ、I/O、ネットワークの各次元にわたってボトルネックを検出し、アプリケーションを最適化するための包括的なパフォーマンスプロファイリングを提供します。ベースラインを確立し、ホットパスを特定し、perfやInstrumentsなどのプラットフォーム固有のツールを使用した根本原因分析を行います。アプリケーションのパフォーマンスを体系的に測定し改善する必要がある場合にご利用ください。

このスキルは、開発者がFPSが60を下回った際に適用すべき、R3F/Three.jsのコアなパフォーマンス最適化原則を提供します。60 FPSを維持するための重要な16msの予算について説明し、キャンバス設定や描画コールの削減といった実践的な戦略を提案します。パフォーマンス問題の診断と、必須のレンダリング最適化の実装にご活用ください。

このスキルは、カメラ距離に基づいてモデルの複雑さを軽減することでパフォーマンスを最適化する、React Three Fiber（R3F）向けの詳細度レベル（LOD）技術を提供します。複雑な3DモデルがFPS低下を引き起こす場合、特に大規模シーンやモバイルデバイスで使用されます。実装には`@react-three/drei`の`Detailed`コンポーネントを使用し、定義された距離閾値でモデルの高、中、低、ビルボードバージョンを切り替えます。