·interaction-design
*

interaction-design

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

11Установки·1Тренд·@blockmatic

Установка

$npx skills add https://github.com/blockmatic/basilic --skill interaction-design

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

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

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

Источник: blockmatic/basilic.

Create engaging, intuitive interactions through motion, feedback, and thoughtful state transitions that enhance usability and delight users.

| 100-150ms | Micro-feedback (hovers, clicks) | | 200-300ms | Small transitions (toggles, dropdowns) | | 300-500ms | Medium transitions (modals, page changes) | | 500ms+ | Complex choreographed animations |

Создавайте и реализуйте микровзаимодействия, дизайн движений, переходы и шаблоны обратной связи с пользователем. Используйте при доработке взаимодействия с пользовательским интерфейсом, реализации состояний загрузки или создании приятного пользовательского опыта. Источник: blockmatic/basilic.

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

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

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

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

Browse more skills from blockmatic/basilic

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

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

Создавайте и реализуйте микровзаимодействия, дизайн движений, переходы и шаблоны обратной связи с пользователем. Используйте при доработке взаимодействия с пользовательским интерфейсом, реализации состояний загрузки или создании приятного пользовательского опыта. Источник: blockmatic/basilic.

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

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

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

https://github.com/blockmatic/basilic