AIKraft/AI/Войти
AIKraft/Skills/anime js

anime js

Expert guidelines for building performant animations with Anime.js animation library

mindrally official Дизайн

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

Навык предоставляет экспертное руководство по созданию производительных анимаций с использованием библиотеки Anime.js. Он охватывает принципы установки, импорта модулей и настройки анимационных процессов в JavaScript.

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

  • Создание сложных анимаций для веб-интерфейсов с использованием Anime.js
  • Оптимизация размера бандла за счет модульного импорта функций библиотеки
  • Разработка анимационных таймлайнов и эффектов с использованием stagger
  • Настройка производительности анимаций в JavaScript-проектах

Как работает

  1. Установить библиотеку Anime.js в проект с помощью команды npm install animejs
  2. Выбрать способ импорта: полный импорт объекта anime или модульный импорт конкретных функций (animate, timeline, stagger)
  3. Использовать модульный импорт для уменьшения размера бандла, если требуется оптимизация
  4. Применять функции библиотеки для создания анимаций, следуя принципам производительности
  5. Настраивать параметры анимации в соответствии с требованиями проекта

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

Создай анимацию появления элементов на странице с помощью Anime.js
Оптимизируй импорт Anime.js для уменьшения размера бандла в моем проекте
Реализуй последовательную анимацию с использованием timeline в Anime.js

Что понадобится

  • Node.js (для работы с npm)
  • Библиотека Anime.js

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

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

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

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