MCP HubMCP Hub
Volver a habilidades

dev-performance-lod-systems

majiayu000
Actualizado 7 days ago
13 vistas
58
9
58
Ver en GitHub
Otroai

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

Recomendado
Principal
npx skills add majiayu000/claude-skill-registry -a claude-code
Comando PluginAlternativo
/plugin add https://github.com/majiayu000/claude-skill-registry
Git CloneAlternativo
git clone https://github.com/majiayu000/claude-skill-registry.git ~/.claude/skills/dev-performance-lod-systems

Copia y pega este comando en Claude Code para instalar esta habilidad

Repositorio GitHub

majiayu000/claude-skill-registry
Ruta: skills/data/dev-performance-lod-systems
0

Habilidades relacionadas

when-profiling-performance-use-performance-profiler

Otro

Esta 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.

Ver habilidad

when-analyzing-performance-use-performance-analysis

Otro

Esta 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.

Ver habilidad

when-profiling-performance-use-performance-profiler

Otro

Esta 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.

Ver habilidad

dev-performance-performance-basics

Otro

Esta 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.

Ver habilidad