dev-performance-performance-basics
À propos
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.
Installation rapide
Claude Code
Recommandé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-performance-basicsCopiez et collez cette commande dans Claude Code pour installer cette compétence
Dépôt GitHub
Frequently asked questions
What is the dev-performance-performance-basics skill?
dev-performance-performance-basics is a Claude Skill by majiayu000. Skills package instructions and resources that Claude loads on demand, so Claude can perform dev-performance-performance-basics-related tasks without extra prompting.
How do I install dev-performance-performance-basics?
Use the install commands on this page: add dev-performance-performance-basics to Claude Code as a plugin, or clone its repository into your skills directory, then restart Claude so it picks up the skill.
What category does dev-performance-performance-basics belong to?
dev-performance-performance-basics is in the performance category, tagged general.
Is dev-performance-performance-basics free to use?
Yes. dev-performance-performance-basics is listed on AIMCP and free to install. It runs inside Claude, so no separate service account is required to use the skill itself.
Compétences associées
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.
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.
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.
Cette compétence fournit des techniques de Niveau de Détail (LOD) pour React Three Fiber (R3F) afin d'optimiser les performances en réduisant la complexité des modèles en fonction de la distance de la caméra. Elle est utilisée lorsque des modèles 3D complexes provoquent des chutes de FPS, particulièrement dans les scènes étendues ou sur les appareils mobiles. L'implémentation utilise le composant `Detailed` de `@react-three/drei` pour alterner entre les versions haute, moyenne, basse et en affiche plane d'un modèle à des seuils de distance définis.
