dev-performance-instancing
について
このスキルは、React Three Fiber用のインスタンス描画機能を提供し、数千もの同一オブジェクト（木やパーティクルなど）を単一の描画コールで効率的にレンダリングします。同じジオメトリとマテリアルを共有する多数のオブジェクトをレンダリングする必要がある場合、特に描画コールが100を超える際にご利用ください。dreiのInstances/Instanceパターンを実装し、パフォーマンスを劇的に向上させます。
クイックインストール
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-instancingこのコマンドを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の予算について説明し、キャンバス設定や描画コールの削減といった実践的な戦略を提案します。パフォーマンス問題の診断と、必須のレンダリング最適化の実装にご活用ください。