·motion-design
*

motion-design

Предоставляет рекомендации по анимационному дизайну для компонентов пользовательского интерфейса. Запускается по запросам анимации («анимировать это», «добавить переход», «движение для»), запросам на уточнение («очистить эту анимацию», «очистить движение», «это кажется слишком быстрым/медленным», «сделать это более живым/естественным») и вопросами об замедлении, времени или микровзаимодействиях.

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

Установка

$npx skills add https://github.com/richtabor/agent-skills --skill motion-design

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

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

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

Источник: richtabor/agent-skills.

Design intentional, purposeful motion for product UI. This skill evaluates animation needs and recommends specific easing curves, durations, and implementation approaches based on interaction frequency and purpose.

Every animation needs a job. If it has no job, don't animate.

Based on the evaluation, provide specific recommendations using tokens from the reference files.

Предоставляет рекомендации по анимационному дизайну для компонентов пользовательского интерфейса. Запускается по запросам анимации («анимировать это», «добавить переход», «движение для»), запросам на уточнение («очистить эту анимацию», «очистить движение», «это кажется слишком быстрым/медленным», «сделать это более живым/естественным») и вопросами об замедлении, времени или микровзаимодействиях. Источник: richtabor/agent-skills.

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

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

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

Browse more skills from richtabor/agent-skills

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

Что такое motion-design?

Предоставляет рекомендации по анимационному дизайну для компонентов пользовательского интерфейса. Запускается по запросам анимации («анимировать это», «добавить переход», «движение для»), запросам на уточнение («очистить эту анимацию», «очистить движение», «это кажется слишком быстрым/медленным», «сделать это более живым/естественным») и вопросами об замедлении, времени или микровзаимодействиях. Источник: richtabor/agent-skills.

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

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

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

https://github.com/richtabor/agent-skills

Детали

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