Что такое small-200-300ms?
Используйте при создании небольших переходов между 200-300 мс – модальных представлений, расширений карточек, переходов навигации, которые пользователи сознательно воспринимают. Источник: dylantarre/animation-principles.
·small-200-300ms
*
small-200-300ms
✓dylantarre/animation-principlesGitHub: dylantarre/animation-principlesИсточник: dylantarre/animation-principles
Используйте при создании небольших переходов между 200-300 мс – модальных представлений, расширений карточек, переходов навигации, которые пользователи сознательно воспринимают.
Как установить small-200-300ms
Быстро установите AI-навык small-200-300ms в вашу среду разработки через командную строку
- Откройте терминал: Откройте терминал или инструмент командной строки (Terminal, iTerm, Windows Terminal и т.д.)
- Выполните команду установки: Скопируйте и выполните эту команду: npx skills add https://github.com/dylantarre/animation-principles --skill small-200-300ms
- Проверьте установку: После установки навык будет автоматически настроен в вашей AI-среде разработки и готов к использованию в Claude Code, Cursor или OpenClaw
Источник: dylantarre/animation-principles.
SKILL.md
Показать rawAt 200-300ms, users consciously perceive motion. This duration bridges micro-interactions and full animations - ideal for UI state changes.
Squash & Stretch: Visible but restrained - 10-15% for playful interfaces, 5% for professional.
Anticipation: Brief wind-up works - 40-60ms preparation enhances 200ms main action.
Используйте при создании небольших переходов между 200-300 мс – модальных представлений, расширений карточек, переходов навигации, которые пользователи сознательно воспринимают. Источник: dylantarre/animation-principles.
Факты (для цитирования)
Стабильные поля и команды для ссылок в AI/поиске.
- Команда установки
npx skills add https://github.com/dylantarre/animation-principles --skill small-200-300ms- Источник
- dylantarre/animation-principles
- Категория
- *Креатив
- Проверено
- ✓
- Впервые замечено
- 2026-03-05
- Обновлено
- 2026-03-11
Короткие ответы
Как установить small-200-300ms?
Откройте терминал или инструмент командной строки (Terminal, iTerm, Windows Terminal и т.д.) Скопируйте и выполните эту команду: npx skills add https://github.com/dylantarre/animation-principles --skill small-200-300ms После установки навык будет автоматически настроен в вашей AI-среде разработки и готов к использованию в Claude Code, Cursor или OpenClaw
Где находится исходный репозиторий?
https://github.com/dylantarre/animation-principles
Детали
- Категория
- *Креатив
- Источник
- skills.sh
- Впервые замечено
- 2026-03-05