dev-performance-performance-basics
Acerca de
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.
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-performance-basicsCopia y pega este comando en Claude Code para instalar esta habilidad
Repositorio GitHub
Preguntas frecuentes
¿Qué es el Skill dev-performance-performance-basics?
dev-performance-performance-basics es un Skill de Claude creado por majiayu000. Los Skills agrupan instrucciones y recursos que Claude carga cuando los necesita para realizar tareas relacionadas con dev-performance-performance-basics sin indicaciones adicionales.
¿Cómo instalo dev-performance-performance-basics?
Usa los comandos de instalación de esta página: añade dev-performance-performance-basics a Claude Code como plugin o clona su repositorio en tu directorio de skills y reinicia Claude para cargarlo.
¿A qué categoría pertenece dev-performance-performance-basics?
dev-performance-performance-basics pertenece a la categoría Otro.
¿Se puede usar dev-performance-performance-basics gratis?
Sí. dev-performance-performance-basics aparece en AIMCP y se puede instalar gratis.
Habilidades relacionadas
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.
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.
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.
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.
