Схема принятия решений для выбора между кривыми ослабления и пружинами. Используйте при реализации анимации, отладке движения, которое кажется неправильным, или при выборе функций синхронизации. Запускается при выполнении задач, связанных с переходами CSS, кубической кривой Безье, пружинной физикой, анимацией жестов или конфигурацией библиотеки движений.
Быстро установите AI-навык to-spring-or-not-to-spring в вашу среду разработки через командную строку
Источник: raphaelsalaja/userinterface-wiki.
Easing curves and springs are not interchangeable—they come from different ways of thinking about motion and play different roles in an interface.
Ask: Is this motion reacting to the user, or is the system speaking?
| User-driven (drag, flick, gesture) | Spring | Survives interruption, preserves velocity | | System-driven (state change, feedback) | Easing | Clear start/end, predictable timing | | Time representation (progress, loading) | Linear | 1:1 relationship between time and progress |
Схема принятия решений для выбора между кривыми ослабления и пружинами. Используйте при реализации анимации, отладке движения, которое кажется неправильным, или при выборе функций синхронизации. Запускается при выполнении задач, связанных с переходами CSS, кубической кривой Безье, пружинной физикой, анимацией жестов или конфигурацией библиотеки движений. Источник: raphaelsalaja/userinterface-wiki.
Стабильные поля и команды для ссылок в AI/поиске.
npx skills add https://github.com/raphaelsalaja/userinterface-wiki --skill to-spring-or-not-to-springСхема принятия решений для выбора между кривыми ослабления и пружинами. Используйте при реализации анимации, отладке движения, которое кажется неправильным, или при выборе функций синхронизации. Запускается при выполнении задач, связанных с переходами CSS, кубической кривой Безье, пружинной физикой, анимацией жестов или конфигурацией библиотеки движений. Источник: raphaelsalaja/userinterface-wiki.
Откройте терминал или инструмент командной строки (Terminal, iTerm, Windows Terminal и т.д.) Скопируйте и выполните эту команду: npx skills add https://github.com/raphaelsalaja/userinterface-wiki --skill to-spring-or-not-to-spring После установки навык будет автоматически настроен в вашей AI-среде разработки и готов к использованию в Claude Code, Cursor или OpenClaw
https://github.com/raphaelsalaja/userinterface-wiki