dev-performance-instancing
Acerca de
Esta habilidad proporciona renderizado por instancias para React Three Fiber, permitiendo renderizar eficientemente miles de objetos idénticos como árboles o partículas con una sola llamada de dibujo. Úsala cuando necesites renderizar muchos objetos que comparten la misma geometría y material, especialmente cuando las llamadas de dibujo superen las 100. Implementa el patrón Instances/Instance de drei para mejorar drásticamente el rendimiento.
Instalación rápida
Claude Code
Recomendadonpx 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-instancingCopia y pega este comando en Claude Code para instalar esta habilidad
Repositorio GitHub
Habilidades relacionadas
when-profiling-performance-use-performance-profiler
OtroEsta habilidad proporciona un perfilado integral del rendimiento para medir, analizar y optimizar el desempeño de aplicaciones en las dimensiones de CPU, memoria, E/S y red. Ayuda a los desarrolladores a identificar cuellos de botella, realizar análisis de causa raíz e implementar optimizaciones utilizando herramientas como perf, Instruments y clinic.js. Úsala cuando necesites una mejora sistemática del rendimiento a través de fases de medición de línea base, detección y optimización.
when-analyzing-performance-use-performance-analysis
OtroEsta Habilidad de Claude proporciona un análisis integral del rendimiento y detección de cuellos de botella para los enjambres de Claude Flow. Identifica oportunidades de optimización mediante perfiles y evaluaciones comparativas, ofreciendo recomendaciones prácticas. Úsala cuando necesites analizar y mejorar el rendimiento de tus flujos de trabajo activos.
when-profiling-performance-use-performance-profiler
OtroEsta habilidad proporciona un perfilado integral del rendimiento para detectar cuellos de botella y optimizar aplicaciones en las dimensiones de CPU, memoria, E/S y red. Establece líneas base, identifica rutas críticas y ofrece análisis de causa raíz utilizando herramientas específicas de la plataforma como perf e Instruments. Úsala cuando necesites medir y mejorar sistemáticamente el rendimiento de tu aplicación.
dev-performance-performance-basics
OtroEsta habilidad proporciona los principios fundamentales de optimización de rendimiento en R3F/Three.js para desarrolladores cuando los FPS caen por debajo de 60. Explica el presupuesto crítico de 16ms para 60 FPS y ofrece estrategias prácticas como la configuración del canvas y la reducción de llamadas de dibujo. Úsala para diagnosticar problemas de rendimiento e implementar optimizaciones esenciales de renderizado.
