について
このスキルは、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 リポジトリ
よくある質問
dev-performance-instancing Skillとは何ですか？
dev-performance-instancing はmajiayu000 が作成した Claude Skillです。Skillは、Claudeが必要に応じて読み込む指示とリソースをまとめ、追加の指示なしで dev-performance-instancing に関連するタスクを実行できるようにします。
dev-performance-instancing をインストールするには？
このページのインストールコマンドを使用してください。dev-performance-instancing をプラグインとして Claude Code に追加するか、リポジトリを skills ディレクトリにクローンし、Claudeを再起動してSkillを読み込みます。
dev-performance-instancing はどのカテゴリに属しますか？
dev-performance-instancing は その他 カテゴリに属します。
dev-performance-instancing は無料で利用できますか？
はい。dev-performance-instancing は AIMCP に掲載されており、無料でインストールできます。
関連スキル
このスキルは、CPU、メモリ、I/O、ネットワークの各次元にわたってアプリケーションのパフォーマンスを測定、分析、最適化する包括的なパフォーマンスプロファイリングを提供します。perf、Instruments、clinic.jsなどのツールを使用して、開発者がボトルネックを特定し、根本原因分析を実施し、最適化を実装することを支援します。ベースライン測定、検出、最適化の各段階を通じて体系的なパフォーマンス改善が必要な場合にご利用ください。
このClaudeスキルは、Claude Flowスウォームの包括的なパフォーマンス分析とボトルネック検出を提供します。プロファイリングとベンチマークを通じて最適化の機会を特定し、実行可能な推奨事項を提供します。アクティブなワークフローのパフォーマンスを分析し改善する必要がある際にご利用ください。
このスキルは、CPU、メモリ、I/O、ネットワークの各次元にわたってボトルネックを検出し、アプリケーションを最適化するための包括的なパフォーマンスプロファイリングを提供します。ベースラインを確立し、ホットパスを特定し、perfやInstrumentsなどのプラットフォーム固有のツールを使用した根本原因分析を行います。アプリケーションのパフォーマンスを体系的に測定し改善する必要がある場合にご利用ください。
このスキルは、開発者がFPSが60を下回った際に適用すべき、R3F/Three.jsのコアなパフォーマンス最適化原則を提供します。60 FPSを維持するための重要な16msの予算について説明し、キャンバス設定や描画コールの削減といった実践的な戦略を提案します。パフォーマンス問題の診断と、必須のレンダリング最適化の実装にご活用ください。