dev-performance-lod-systems
О программе
Этот навык предоставляет техники Level of Detail (LOD) для React Three Fiber (R3F), позволяющие оптимизировать производительность за счёт снижения сложности модели в зависимости от расстояния до камеры. Он применяется, когда сложные 3D-модели вызывают падение FPS, особенно в больших сценах или на мобильных устройствах. Реализация использует компонент `Detailed` из `@react-three/drei` для переключения между высокодетализированной, средней, низкой и billboard-версиями модели на заданных порогах расстояния.
Быстрая установка
Claude Code
Рекомендуетсяnpx 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-systemsСкопируйте и вставьте эту команду в Claude Code для установки этого навыка
GitHub репозиторий
Похожие навыки
when-profiling-performance-use-performance-profiler
ДругоеЭтот навык предоставляет комплексное профилирование производительности для измерения, анализа и оптимизации производительности приложений по таким направлениям, как использование ЦП, памяти, операций ввода-вывода и сетевого взаимодействия. Он помогает разработчикам выявлять узкие места, проводить анализ первопричин и внедрять оптимизации с использованием таких инструментов, как perf, Instruments и clinic.js. Используйте его, когда требуется системное улучшение производительности через этапы базовых измерений, обнаружения проблем и оптимизации.
when-analyzing-performance-use-performance-analysis
ДругоеЭтот навык Claude предоставляет комплексный анализ производительности и выявление узких мест в роях Claude Flow. Он определяет возможности оптимизации через профилирование и бенчмаркинг, предоставляя практические рекомендации. Используйте его, когда требуется проанализировать и улучшить производительность активных рабочих процессов.
dev-performance-performance-basics
ДругоеЭтот навык предоставляет разработчикам основные принципы оптимизации производительности R3F/Three.js при падении FPS ниже 60 кадров в секунду. Он объясняет критический бюджет в 16 мс для достижения 60 FPS и предлагает практические стратегии, такие как настройка холста и сокращение количества отрисовок. Используйте его для диагностики проблем с производительностью и внедрения ключевых оптимизаций рендеринга.
dev-performance-mobile-optimization
ДругоеЭтот навык предоставляет рекомендации по оптимизации для мобильных устройств в приложениях на R3F/Three.js, включая целевые показатели производительности и настройки конфигурации. Он помогает разработчикам оптимизировать приложения для мобильных устройств, снижая плотность пикселей, отключая тени/сглаживание и ограничивая количество отрисовок/полигонов. Используйте его при разработке для мобильных устройств или при возникновении проблем с производительностью на телефонах.
