← Registry
Skill Official

React View Transitions

Implement smooth, native-feeling animations with React's View Transition API — page transitions, route animations, and CSS view-transition pseudo-elements.

Install

npx skills add vercel-labs/agent-skills
$

An agent skill for implementing smooth animations with React's View Transition API, using the <ViewTransition> component, addTransitionType, and CSS view-transition pseudo-elements over the browser's native document.startViewTransition. Use it for page and route-change transitions, shared-element animations, enter/exit and list-reorder effects, or directional forward/back navigation in Next.js, without reaching for a third-party animation library. Unsupported browsers skip the animations gracefully.