·ux-animation-motion
*

ux-animation-motion

Шаблоны анимации с использованием Anime.js v4 для обратной связи пользовательского интерфейса, переходов и празднования. Используйте при реализации эффектов наведения, переходов, анимации загрузки или обратной связи по геймификации. Включает уменьшенную обработку движений. (проект)

5Установки·0Тренд·@matthewharwood

Установка

$npx skills add https://github.com/matthewharwood/fantasy-phonics --skill ux-animation-motion

Как установить ux-animation-motion

Быстро установите AI-навык ux-animation-motion в вашу среду разработки через командную строку

  1. Откройте терминал: Откройте терминал или инструмент командной строки (Terminal, iTerm, Windows Terminal и т.д.)
  2. Выполните команду установки: Скопируйте и выполните эту команду: npx skills add https://github.com/matthewharwood/fantasy-phonics --skill ux-animation-motion
  3. Проверьте установку: После установки навык будет автоматически настроен в вашей AI-среде разработки и готов к использованию в Claude Code, Cursor или OpenClaw

Источник: matthewharwood/fantasy-phonics.

Animation system using Anime.js v4 for responsive, accessible UI motion. This skill covers animation patterns, timing, and reduced motion support.

Note: Project uses import maps to resolve animejs to local nodemodules.

| Button press | 100ms | easeOutQuad | | Toggle switch | 150ms | easeOutQuad | | Dropdown open | 200ms | easeOutQuad | | Modal appear | 200-300ms | easeOutBack | | Page transition | 300-500ms | easeInOutQuad | | Success celebration | 400-600ms | easeOutBack |

Шаблоны анимации с использованием Anime.js v4 для обратной связи пользовательского интерфейса, переходов и празднования. Используйте при реализации эффектов наведения, переходов, анимации загрузки или обратной связи по геймификации. Включает уменьшенную обработку движений. (проект) Источник: matthewharwood/fantasy-phonics.

Факты (для цитирования)

Стабильные поля и команды для ссылок в AI/поиске.

Команда установки
npx skills add https://github.com/matthewharwood/fantasy-phonics --skill ux-animation-motion
Категория
*Креатив
Проверено
Впервые замечено
2026-02-01
Обновлено
2026-03-10

Browse more skills from matthewharwood/fantasy-phonics

Короткие ответы

Что такое ux-animation-motion?

Шаблоны анимации с использованием Anime.js v4 для обратной связи пользовательского интерфейса, переходов и празднования. Используйте при реализации эффектов наведения, переходов, анимации загрузки или обратной связи по геймификации. Включает уменьшенную обработку движений. (проект) Источник: matthewharwood/fantasy-phonics.

Как установить ux-animation-motion?

Откройте терминал или инструмент командной строки (Terminal, iTerm, Windows Terminal и т.д.) Скопируйте и выполните эту команду: npx skills add https://github.com/matthewharwood/fantasy-phonics --skill ux-animation-motion После установки навык будет автоматически настроен в вашей AI-среде разработки и готов к использованию в Claude Code, Cursor или OpenClaw

Где находится исходный репозиторий?

https://github.com/matthewharwood/fantasy-phonics

Детали

Категория
*Креатив
Источник
skills.sh
Впервые замечено
2026-02-01