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

dev-performance-instancing

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

О программе

Этот навык предоставляет инстансированный рендеринг для React Three Fiber, позволяя эффективно отображать тысячи одинаковых объектов, таких как деревья или частицы, с помощью одного вызова отрисовки. Используйте его, когда требуется рендерить множество объектов с одинаковой геометрией и материалом, особенно при превышении 100 вызовов отрисовки. Он реализует паттерн Instances/Instance из библиотеки drei для кардинального повышения производительности.

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

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-instancing

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

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

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

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

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 и предлагает практические стратегии, такие как настройка холста и сокращение количества отрисовок. Используйте его для диагностики проблем с производительностью и внедрения ключевых оптимизаций рендеринга.

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

when-profiling-performance-use-performance-profiler

Другое

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

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