transitions-dev · jakubantalik — скилл для Claude Code: CSS-переходы и установка

Что делает transitions-dev

Скилл даёт 32 переносимых CSS-перехода. Каждый лежит под своим селектором t-* и на семантических CSS-переменных. Работает так: вставляешь сниппет, подключаешь к документированным HTML-хукам — и всё. Никаких зависимостей от фреймворков и демонстрационной разметки.

Внутри — отдельные файлы-справочники по каждому переходу: изменение размера карточки, всплытие цифр, бейдж уведомления, подмена текста и иконок, дропдаун от триггера, модалка, выезд панели, переход между страницами, галочка успеха, наведение на группу аватаров, тряска при ошибке, очистка поля ввода, скелетон и его раскрытие, мерцающий текст, скользящие табы, тултип, каскадное появление строк, 3D-наклон карточки, морф «плюс в меню», аккордеон, тост, лайк, чекбокс, счётчик-барабан, тумблер, состояния «думает», поток рассуждений, стриминг текста, точечный матричный лоадер, стопка баннеров, морф текста, мягкая замена значения и пончик-диаграмма. У каждого сниппета есть защита prefers-reduced-motion.

Лицензия разрешает личное и коммерческое использование, но саму библиотеку перераспространять нельзя. В скилле есть команды transitions reveal, transitions review, transitions apply и transitions refine — они помогают найти разовые переходы в проекте и заменить жёстко прописанные длительности на motion-токены.