transitions-dev
Готовые к продакшену CSS-переходы для веб-приложений. Используйте при реализации бейджей уведомлений, выпадающих списков, модальных окон, раскрытия панелей, переходов между страницами, изменения размеров карточек, появления чисел, замены текста, замены иконок, галочек успеха, наведения на группы аватаров, тряски в состоянии ошибки. Активируется по запросам: "add a transition", "animate the dropdown", "make the modal open smoothly", "swap icon", "page slide", "stagger animation", "open / close transition", "make it animate", "tween the size", "fade between", "smooth open", "smooth close", "success animation", "checkmark animation", "confirmation animation", "form error", "shake on invalid", "validation feedback", "hover lift", "avatar stack hover", "chip group hover".
Что делает навык
Готовые к продакшену CSS-переходы для веб-приложений. Используйте при реализации бейджей уведомлений, выпадающих списков, модальных окон, раскрытия панелей, переходов между страницами, изменения размеров карточек, появления чисел, замены текста, замены иконок, галочек успеха, наведения на группы аватаров, тряски в состоянии ошибки. Активируется по запросам: "add a transition", "animate the dropdown", "make the modal open smoothly", "swap icon", "page slide", "stagger animation", "open / close transition", "make it animate", "tween the size", "fade between", "smooth open", "smooth close", "success animation", "checkmark animation", "confirmation animation", "form error", "shake on invalid", "validation feedback", "hover lift", "avatar stack hover", "chip group hover".
Как подключить
SKILL.md к навыкам ассистентаНавык — папка с файлом SKILL.md (описание + инструкции) и опциональными скриптами. Ассистент (Claude, Claude Code и совместимые) подхватывает его по описанию и следует шагам.