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.
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.
dev-performance-mobile-optimization
OtroEsta habilidad proporciona pautas de optimización específicas para móviles en aplicaciones R3F/Three.js, incluyendo objetivos de rendimiento y ajustes de configuración. Ayuda a los desarrolladores a optimizar para dispositivos móviles reduciendo ratios de píxeles, desactivando sombras/anti-aliasing y limitando llamadas de dibujo/polígonos. Úsala cuando desarrolles para dispositivos móviles o experimentes problemas de rendimiento en teléfonos.
