AIKraft/Skills/motion-framer

motion-framer

Современная библиотека анимации для React и JavaScript. Создавайте плавные анимации, готовые к использованию в продакшене, с помощью компонентов motion, вариантов (variants), жестов (наведение/нажатие/перетаскивание), анимаций макета, анимаций выхода AnimatePresence, пружинной физики и эффектов, зависящих от прокрутки. Используйте при создании интерактивных UI-компонентов, микро-взаимодействий, переходов между страницами или сложных последовательностей анимаций.

freshtechbro official Дизайн

Что делает навык

Современная библиотека анимации для React и JavaScript. Создавайте плавные анимации, готовые к использованию в продакшене, с помощью компонентов motion, вариантов (variants), жестов (наведение/нажатие/перетаскивание), анимаций макета, анимаций выхода AnimatePresence, пружинной физики и эффектов, зависящих от прокрутки. Используйте при создании интерактивных UI-компонентов, микро-взаимодействий, переходов между страницами или сложных последовательностей анимаций.

Как подключить

1Скачать навык
# возьмите папку навыка «motion-framer» из репозитория: # https://github.com/freshtechbro/claudedesignskills
2Положить папку с SKILL.md к навыкам ассистента
# положите папку навыка туда, где ассистент ищет skills: cp -r motion-framer/ ~/.claude/skills/motion-framer/

Навык — папка с файлом SKILL.md (описание + инструкции) и опциональными скриптами. Ассистент (Claude, Claude Code и совместимые) подхватывает его по описанию и следует шагам.