dev-performance-lod-systems
Acerca de
Esta habilidad proporciona técnicas de Nivel de Detalle (LOD) para React Three Fiber (R3F) con el fin de optimizar el rendimiento reduciendo la complejidad de los modelos en función de la distancia de la cámara. Se utiliza cuando modelos 3D complejos causan caídas en los FPS, especialmente en escenas grandes o en dispositivos móviles. La implementación emplea el componente `Detailed` de `@react-three/drei` para intercambiar entre versiones alta, media, baja y en forma de *billboard* de un modelo en umbrales de distancia definidos.
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-lod-systemsCopia 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.
