The skill is the skills/react-view-transitions folder inside that repository. Copy it into the folder your agent loads skills from; check your agent's documentation for where that is.
about React View Transitions Skill by @vercel-labs
Implement smooth, native-feeling animations using React's View Transition API, including Next.js integration.
Covers the ViewTransition component and addTransitionType
Includes ready-to-use CSS animation recipes
Covers Next.js transitionTypes prop on next/link
our take
Explains how to add native-feeling animations with React's View Transition API, including Next.js. It helps the agent decide when animation is worth adding, which style to choose, and how to implement it, built around the ViewTransition component and its triggers.
when to use it
You want page or element transitions without a heavy animation library
You are unsure whether a given interaction should animate at all
You are adding transitions to a Next.js app
before you install
Browser support for the underlying API varies, so read the availability section
The source repository publishes no license, so we link to it rather than host a copy
what's inside
The original SKILL.md is organised into these sections:
When to Animate
Choosing Animation Style
Availability
Implementation Workflow
Core Concepts
The <ViewTransition> Component
Animation Triggers
Critical Placement Rule
Styling with View Transition Classes
Props
CSS Pseudo-Elements
Transition Types
source and license
Written and maintained by @vercel-labs. No license is published in that repository, so we link to the original and do not host a copy or offer a download. SkillDirectory does not claim authorship: this page adds our own review and links back to the original, and the skill's text belongs to its author.