Что такое forms-inputs?
Используйте при анимации полей формы, входных данных, текстовых областей, элементов выбора или интерактивных элементов формы для повышения удобства использования и обратной связи. Источник: dylantarre/animation-principles.
·forms-inputs
*
forms-inputs
✓dylantarre/animation-principlesGitHub: dylantarre/animation-principlesИсточник: dylantarre/animation-principles
Используйте при анимации полей формы, входных данных, текстовых областей, элементов выбора или интерактивных элементов формы для повышения удобства использования и обратной связи.
Как установить forms-inputs
Быстро установите AI-навык forms-inputs в вашу среду разработки через командную строку
- Откройте терминал: Откройте терминал или инструмент командной строки (Terminal, iTerm, Windows Terminal и т.д.)
- Выполните команду установки: Скопируйте и выполните эту команду: npx skills add https://github.com/dylantarre/animation-principles --skill forms-inputs
- Проверьте установку: После установки навык будет автоматически настроен в вашей AI-среде разработки и готов к использованию в Claude Code, Cursor или OpenClaw
Источник: dylantarre/animation-principles.
SKILL.md
Показать rawApply Disney's 12 principles to forms for clear feedback and delightful interactions.
Squash & Stretch Input fields can subtly expand on focus (1-2px height). Submit button compresses on click. Checkboxes bounce on toggle.
Anticipation Label floats up before user types. Focus ring appears before content entry. Prepares user for input action.
Используйте при анимации полей формы, входных данных, текстовых областей, элементов выбора или интерактивных элементов формы для повышения удобства использования и обратной связи. Источник: dylantarre/animation-principles.
Факты (для цитирования)
Стабильные поля и команды для ссылок в AI/поиске.
- Команда установки
npx skills add https://github.com/dylantarre/animation-principles --skill forms-inputs- Источник
- dylantarre/animation-principles
- Категория
- *Креатив
- Проверено
- ✓
- Впервые замечено
- 2026-03-05
- Обновлено
- 2026-03-10
Короткие ответы
Как установить forms-inputs?
Откройте терминал или инструмент командной строки (Terminal, iTerm, Windows Terminal и т.д.) Скопируйте и выполните эту команду: npx skills add https://github.com/dylantarre/animation-principles --skill forms-inputs После установки навык будет автоматически настроен в вашей AI-среде разработки и готов к использованию в Claude Code, Cursor или OpenClaw
Где находится исходный репозиторий?
https://github.com/dylantarre/animation-principles
Детали
- Категория
- *Креатив
- Источник
- skills.sh
- Впервые замечено
- 2026-03-05