Используйте, когда элементы должны появиться на экране — загрузка страниц, открытие модальных окон, добавление элементов, раскрытие контента или любая анимация «попадания в поле зрения».
Быстро установите AI-навык entrance-animations в вашу среду разработки через командную строку
Источник: dylantarre/animation-principles.
Squash & Stretch: Scale from 95% to 100% on entry. Elements feel elastic, not rigid.
Anticipation: Start slightly below/smaller than final position. A -10px offset before sliding up creates expectation.
Staging: Enter from the direction of user attention. New list items from the top, modals from center, sidebars from their edge.
Используйте, когда элементы должны появиться на экране — загрузка страниц, открытие модальных окон, добавление элементов, раскрытие контента или любая анимация «попадания в поле зрения». Источник: dylantarre/animation-principles.
Стабильные поля и команды для ссылок в AI/поиске.
npx skills add https://github.com/dylantarre/animation-principles --skill entrance-animationsИспользуйте, когда элементы должны появиться на экране — загрузка страниц, открытие модальных окон, добавление элементов, раскрытие контента или любая анимация «попадания в поле зрения». Источник: dylantarre/animation-principles.
Откройте терминал или инструмент командной строки (Terminal, iTerm, Windows Terminal и т.д.) Скопируйте и выполните эту команду: npx skills add https://github.com/dylantarre/animation-principles --skill entrance-animations После установки навык будет автоматически настроен в вашей AI-среде разработки и готов к использованию в Claude Code, Cursor или OpenClaw
https://github.com/dylantarre/animation-principles