Анимации переходов в React

vercel-react-view-transitions

Навык встраивает в React-приложение анимации переходов между страницами и элементами через встроенный браузерный View Transition API.

Что делает

Чем навык помогает в работе.

  • Добавляет компонент ViewTransition в нужные места приложения
  • Настраивает анимации появления, исчезновения и смены страниц
  • Делает эффект «перетекания» общего элемента между экранами
  • Учитывает Next.js и плавно отключает анимации в старых браузерах

Примеры задач

Опишите задачу — и запустите навык в чате.

Добавь анимацию перехода между списком товаров и карточкой товара.

Сделай плавную смену страниц вперёд-назад в моём Next.js-приложении.

Как установить

Одна команда в терминале — навык добавится вашему агенту.

Терминал
npx skills add https://github.com/vercel-labs/agent-skills --skill vercel-react-view-transitions

Понадобится Node.js. Навык работает в Claude Code и других агентах, которые читают скиллы из папки проекта.

Безопасность

Скилл — это инструкции, которые выполняет ваш агент. Ставьте навыки из репозиториев, которым доверяете, и при желании загляните в файл SKILL.md перед установкой.

Другие скиллы vercel-labs/agent-skills

Свод правил Vercel по скорости приложений на React и Next.js: подсказывает, как писать и переделывать код, чтобы страницы грузились быстрее.

РазработкаОфициальныйУстановок: 682,7 тыс

Проверяет код интерфейса на соответствие рекомендациям по удобству и доступности и указывает конкретные места, что стоит улучшить.

ДизайнОфициальныйУстановок: 599,3 тыс

Официальный навык Vercel с правилами построения гибких React-компонентов: как уйти от нагромождения булевых пропсов к составным компонентам и общему контексту, с учётом изменений React 19.

РазработкаОфициальныйУстановок: 349,96 тыс

Похожие скиллы

Свод правил Vercel по скорости приложений на React и Next.js: подсказывает, как писать и переделывать код, чтобы страницы грузились быстрее.

РазработкаОфициальныйУстановок: 682,7 тыс

Официальный навык Microsoft для платформы Foundry: создаёт, разворачивает, тестирует и оценивает качество ИИ-агентов, помогает с настройкой ресурсов и разбором ошибок.

РазработкаОфициальныйУстановок: 603,04 тыс

Официальный навык Microsoft для разбора проблем в облаке Azure: высокая нагрузка, сбои развёртывания, ошибки в кластере или недоступность виртуальной машины — по логам и метрикам.

РазработкаОфициальныйУстановок: 593,99 тыс