AIKraft/AI/Войти
AIKraft/Skills/vercel-react-view-transitions

vercel-react-view-transitions

Руководство по реализации плавных анимаций с нативным ощущением с использованием View Transition API в React (компонент `<ViewTransition>`, `addTransitionType` и псевдоэлементы CSS view transition). Используйте эту функцию, когда пользователь хочет добавить переходы между страницами, анимировать изменения маршрутов, создавать анимации общих элементов, анимировать появление/исчезновение компонентов, анимировать перестановку списков, реализовывать анимации навигации (вперед/назад) или интегрировать переходы представлений в Next.js. Также используйте, когда пользователь упоминает переходы представлений, `startViewTransition`, `ViewTransition`, типы переходов или спрашивает об анимации между состояниями UI в React без сторонних библиотек анимации.

vercel-labs official Дизайн

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

Руководство по реализации плавных анимаций с нативным ощущением с использованием View Transition API в React (компонент `<ViewTransition>`, `addTransitionType` и псевдоэлементы CSS view transition). Используйте эту функцию, когда пользователь хочет добавить переходы между страницами, анимировать изменения маршрутов, создавать анимации общих элементов, анимировать появление/исчезновение компонентов, анимировать перестановку списков, реализовывать анимации навигации (вперед/назад) или интегрировать переходы представлений в Next.js. Также используйте, когда пользователь упоминает переходы представлений, `startViewTransition`, `ViewTransition`, типы переходов или спрашивает об анимации между состояниями UI в React без сторонних библиотек анимации.

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

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

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