AIKraft/AI/Войти
AIKraft/Skills/page-transition-animation

page-transition-animation

Этот навык следует использовать, когда пользователь просит «анимировать переходы страниц или маршрутов», «добавить переход между представлениями или эффект плавного исчезновения», «анимировать изменения маршрутов в Next.js App Router», «использовать View Transitions API», «AnimatePresence exit не срабатывает при навигации» или «анимация выхода Framer Motion не работает / анимация выхода перед размонтированием в Next.js». Охватывает анимацию переходов страниц при входе/выходе с использованием View Transitions API и Framer Motion для Next.js App Router и общей маршрутизации SPA.

iart-ai official Дизайн

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

Этот навык следует использовать, когда пользователь просит «анимировать переходы страниц или маршрутов», «добавить переход между представлениями или эффект плавного исчезновения», «анимировать изменения маршрутов в Next.js App Router», «использовать View Transitions API», «AnimatePresence exit не срабатывает при навигации» или «анимация выхода Framer Motion не работает / анимация выхода перед размонтированием в Next.js». Охватывает анимацию переходов страниц при входе/выходе с использованием View Transitions API и Framer Motion для Next.js App Router и общей маршрутизации SPA.

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

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

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