MCP HubMCP Hub
Retour aux compétences

dev-performance-instancing

majiayu000
Mis à jour 7 days ago
12 vues
58
9
58
Voir sur GitHub
Autregeneral

À propos

Cette compétence fournit un rendu instancié pour React Three Fiber afin d'afficher efficacement des milliers d'objets identiques comme des arbres ou des particules avec un seul appel de rendu. Utilisez-la lorsque vous devez afficher de nombreux objets partageant la même géométrie et le même matériau, en particulier lorsque les appels de rendu dépassent 100. Elle implémente le motif Instances/Instance de drei pour améliorer considérablement les performances.

Installation rapide

Claude Code

Recommandé
Principal
npx skills add majiayu000/claude-skill-registry -a claude-code
Commande PluginAlternatif
/plugin add https://github.com/majiayu000/claude-skill-registry
Git CloneAlternatif
git clone https://github.com/majiayu000/claude-skill-registry.git ~/.claude/skills/dev-performance-instancing

Copiez et collez cette commande dans Claude Code pour installer cette compétence

Dépôt GitHub

majiayu000/claude-skill-registry
Chemin: skills/data/dev-performance-instancing
0

Compétences associées

when-profiling-performance-use-performance-profiler

Autre

Cette compétence offre un profilage complet des performances pour mesurer, analyser et optimiser les performances des applications à travers les dimensions CPU, mémoire, E/S et réseau. Elle aide les développeurs à identifier les goulots d'étranglement, à réaliser des analyses de cause racine et à mettre en œuvre des optimisations en utilisant des outils tels que perf, Instruments et clinic.js. Utilisez-la lorsque vous avez besoin d'une amélioration systématique des performances à travers les phases de mesure de référence, de détection et d'optimisation.

Voir la compétence

when-analyzing-performance-use-performance-analysis

Autre

Cette compétence Claude offre une analyse complète des performances et une détection des goulots d'étranglement pour les essaims Claude Flow. Elle identifie les opportunités d'optimisation via le profilage et le benchmarking, en fournissant des recommandations exploitables. Utilisez-la lorsque vous avez besoin d'analyser et d'améliorer les performances de vos workflows actifs.

Voir la compétence

when-profiling-performance-use-performance-profiler

Autre

Cette compétence fournit un profilage complet des performances pour détecter les goulots d'étranglement et optimiser les applications sur les dimensions CPU, mémoire, I/O et réseau. Elle établit des références, identifie les chemins critiques et offre une analyse des causes racines à l'aide d'outils spécifiques à la plateforme comme perf et Instruments. Utilisez-la lorsque vous avez besoin de mesurer et d'améliorer systématiquement les performances de votre application.

Voir la compétence

dev-performance-performance-basics

Autre

Cette compétence fournit les principes fondamentaux d'optimisation des performances R3F/Three.js pour les développeurs lorsque les FPS tombent en dessous de 60. Elle explique le budget critique de 16 ms pour 60 FPS et propose des stratégies concrètes comme la configuration du canvas et la réduction des appels de dessin. Utilisez-la pour diagnostiquer les problèmes de performance et mettre en œuvre des optimisations de rendu essentielles.

Voir la compétence