Skill
React View Transitions
Implement smooth, native-feeling animations with React's View Transition API — page transitions, route animations, and CSS view-transition pseudo-elements.
- Type
- Skill
- Updated
- 2026-08-26
Install
via Positronick CLI
$positronick skill install vercel-react-view-transitions --run
Official
$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.