AIKraft/AI/Войти
AIKraft/Skills/JS: паттерны производительности

JS: паттерны производительности

Provides framework-agnostic JavaScript runtime performance patterns. Use when optimizing hot paths, loops, DOM operations, caching, or data structure choices in performance-critical code.

patternsdev official Данные

Что делает навык

Набор микропаттернов оптимизации производительности времени выполнения для JavaScript, применимых в любой среде (React, Vue, vanilla, Node.js). Решает задачи ускорения горячих путей, плотных циклов и операций с большими объемами данных.

Когда применять

  • Профилирование выявило горячую функцию или плотный цикл, требующий оптимизации
  • Обработка больших наборов данных (более 1000 элементов)
  • Обработка событий с высокой частотой (scroll, mousemove, resize)
  • Оптимизация скриптов на этапе сборки или на стороне сервера
  • Аудит кода на предмет производительности в критичных путях выполнения

Как работает

  1. Выполнить профилирование кода для выявления горячих функций или плотных циклов
  2. Определить контекст использования: обработка больших данных, частые события или серверная часть
  3. Применить соответствующие микропаттерны производительности времени выполнения к выявленным участкам кода
  4. Оптимизировать критичные пути выполнения, учитывая специфику среды (браузер или Node.js)

Примеры запросов агенту

Оптимизируй плотный цикл обработки массива из 5000 элементов, используя паттерны производительности JS
Ускорь обработчик события scroll, применяя микропаттерны для частых колбэков
Проведи рефакторинг функции рендеринга списка для улучшения производительности в горячем пути

Описание составлено по SKILL.md навыка, сверено 05.10.2026.

Как подключить

1Скачать навык
# возьмите папку навыка «js-performance-patterns» из репозитория: # https://github.com/patternsdev/skills
2Положить папку с SKILL.md к навыкам ассистента
# положите папку навыка туда, где ассистент ищет skills: cp -r js-performance-patterns/ ~/.claude/skills/js-performance-patterns/

Навык — папка с файлом SKILL.md (описание + инструкции) и опциональными скриптами. Ассистент (Claude, Claude Code и совместимые) подхватывает его по описанию и следует шагам.