·icons-badges
*

icons-badges

Используйте при анимации значков, значков, аватаров, индикаторов статуса или небольших визуальных элементов, чтобы добавить индивидуальности и обратной связи.

35Установки·3Тренд·@dylantarre

Установка

$npx skills add https://github.com/dylantarre/animation-principles --skill icons-badges

Как установить icons-badges

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

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

Источник: dylantarre/animation-principles.

Apply Disney's 12 principles to small UI elements for personality and meaningful feedback.

Squash & Stretch Heart icons can squash/stretch on "like" tap. Notification badges can bounce with squash on arrival. Adds life to small elements.

Anticipation Before icon action, brief scale down (0.9) for 50ms. Bell can tilt back before ringing forward. Prepares for action.

Используйте при анимации значков, значков, аватаров, индикаторов статуса или небольших визуальных элементов, чтобы добавить индивидуальности и обратной связи. Источник: dylantarre/animation-principles.

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

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

Команда установки
npx skills add https://github.com/dylantarre/animation-principles --skill icons-badges
Категория
*Креатив
Проверено
Впервые замечено
2026-03-05
Обновлено
2026-03-11

Browse more skills from dylantarre/animation-principles

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

Что такое icons-badges?

Используйте при анимации значков, значков, аватаров, индикаторов статуса или небольших визуальных элементов, чтобы добавить индивидуальности и обратной связи. Источник: dylantarre/animation-principles.

Как установить icons-badges?

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

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

https://github.com/dylantarre/animation-principles

Детали

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