AIKraft/Skills/brand-motion-guidelines

brand-motion-guidelines

Создаёт готовый документ с гайдлайнами по анимации бренда: принципы, токены easing/timing, правила переходов, доступность. Полезно, когда нужно «написать motion guidelines», «создать систему» или «документировать принципы» (Slack/IBM/Klarna).

iart-ai official Дизайн ★ 6

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

Создаёт готовый документ с гайдлайнами по анимации бренда (motion system), определяющий, как продукт или бренд движется. Вывод представляет собой заполняемый шаблон, охватывающий принципы, токены easing/timing, библиотеку анимаций, правила для логотипа, состояния обратной связи, доступность и примеры do/don't.

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

  • Когда бренду или продукту требуется задокументированный язык анимации.
  • Когда анимация ощущается несогласованной внутри команды.
  • Когда необходимо определить именованные токены easing/duration для дизайнеров и инженеров.
  • Когда нужно добавить стандарт reduced-motion/accessibility.

Как работает

  1. Определить масштаб системы: оценить, сколько поверхностей/команд будут использовать гайдлайны.
  2. Выбрать тип документа на основе decision tree: lightweight (для одного сайта/кампании), full 7-part doc (для продукта app/web) или full doc + Motion Personality preset (для бренда across product + marketing + broadcast).
  3. Сформировать структуру документа, включающую принципы, токены, библиотеку анимаций, правила логотипа, состояния обратной связи и доступность.
  4. Добавить примеры do/don't для наглядности.
  5. Выдать заполняемый шаблон (fill-in-ready template), а не код.

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

Напиши motion guidelines для нашего мобильного приложения, используя систему из 7 частей.
Создай документ с принципами анимации и токенами для лендинга.
Разработай гайдлайны по анимации бренда для кросс-платформенного продукта с учетом доступности.

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

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

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

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