Используйте при создании микровзаимодействий длительностью 100–200 мс — появляются всплывающие подсказки, открывается раскрывающийся список, небольшие анимации обратной связи, которые кажутся быстрыми, но заметными.
Быстро установите AI-навык micro-100-200ms в вашу среду разработки через командную строку
Источник: dylantarre/animation-principles.
The 100-200ms range is the sweet spot for micro-interactions. Fast enough to feel responsive, slow enough to be perceived as intentional motion.
Squash & Stretch: Light application - 5-10% works for bouncy buttons, appearing elements.
Anticipation: Micro-anticipation possible - 20-30ms wind-up before 150ms action.
Используйте при создании микровзаимодействий длительностью 100–200 мс — появляются всплывающие подсказки, открывается раскрывающийся список, небольшие анимации обратной связи, которые кажутся быстрыми, но заметными. Источник: dylantarre/animation-principles.
Стабильные поля и команды для ссылок в AI/поиске.
npx skills add https://github.com/dylantarre/animation-principles --skill micro-100-200msИспользуйте при создании микровзаимодействий длительностью 100–200 мс — появляются всплывающие подсказки, открывается раскрывающийся список, небольшие анимации обратной связи, которые кажутся быстрыми, но заметными. Источник: dylantarre/animation-principles.
Откройте терминал или инструмент командной строки (Terminal, iTerm, Windows Terminal и т.д.) Скопируйте и выполните эту команду: npx skills add https://github.com/dylantarre/animation-principles --skill micro-100-200ms После установки навык будет автоматически настроен в вашей AI-среде разработки и готов к использованию в Claude Code, Cursor или OpenClaw
https://github.com/dylantarre/animation-principles