MCP HubMCP Hub
Вернуться к навыкам

dev-performance-performance-basics

majiayu000
Обновлено 22 days ago
21 просмотров
58
9
58
Посмотреть на GitHub
Другоеgeneral

О программе

Этот навык предоставляет разработчикам основные принципы оптимизации производительности R3F/Three.js при падении FPS ниже 60 кадров в секунду. Он объясняет критический бюджет в 16 мс для достижения 60 FPS и предлагает практические стратегии, такие как настройка холста и сокращение количества отрисовок. Используйте его для диагностики проблем с производительностью и внедрения ключевых оптимизаций рендеринга.

Быстрая установка

Claude Code

Рекомендуется
Основной
npx skills add majiayu000/claude-skill-registry -a claude-code
Команда плагинаАльтернативный
/plugin add https://github.com/majiayu000/claude-skill-registry
Git клонированиеАльтернативный
git clone https://github.com/majiayu000/claude-skill-registry.git ~/.claude/skills/dev-performance-performance-basics

Скопируйте и вставьте эту команду в Claude Code для установки этого навыка

GitHub репозиторий

majiayu000/claude-skill-registry
Путь: skills/data/dev-performance-performance-basics
0

Похожие навыки

when-profiling-performance-use-performance-profiler

Другое

Этот навык предоставляет комплексное профилирование производительности для измерения, анализа и оптимизации производительности приложений по таким направлениям, как использование ЦП, памяти, операций ввода-вывода и сетевого взаимодействия. Он помогает разработчикам выявлять узкие места, проводить анализ первопричин и внедрять оптимизации с использованием таких инструментов, как perf, Instruments и clinic.js. Используйте его, когда требуется системное улучшение производительности через этапы базовых измерений, обнаружения проблем и оптимизации.

Просмотреть навык

when-analyzing-performance-use-performance-analysis

Другое

Этот навык Claude предоставляет комплексный анализ производительности и выявление узких мест в роях Claude Flow. Он определяет возможности оптимизации через профилирование и бенчмаркинг, предоставляя практические рекомендации. Используйте его, когда требуется проанализировать и улучшить производительность активных рабочих процессов.

Просмотреть навык

when-profiling-performance-use-performance-profiler

Другое

Этот навык предоставляет всесторонний профилинг производительности для выявления узких мест и оптимизации приложений по направлениям: процессор, память, ввод-вывод и сеть. Он устанавливает базовые показатели, определяет критические участки кода и предлагает анализ первопричин с использованием специфичных для платформы инструментов, таких как perf и Instruments. Используйте его, когда вам требуется системно измерить и улучшить производительность вашего приложения.

Просмотреть навык

dev-performance-lod-systems

Другое

Этот навык предоставляет техники Level of Detail (LOD) для React Three Fiber (R3F), позволяющие оптимизировать производительность за счёт снижения сложности модели в зависимости от расстояния до камеры. Он применяется, когда сложные 3D-модели вызывают падение FPS, особенно в больших сценах или на мобильных устройствах. Реализация использует компонент `Detailed` из `@react-three/drei` для переключения между высокодетализированной, средней, низкой и billboard-версиями модели на заданных порогах расстояния.

Просмотреть навык