Vercel React View Transitions

This is a comprehensive guide to React's View Transition API, covering the `<ViewTransition>` component, transition types, and CSS pseudo-elements for animating UI state changes without third-party libraries. The documentation is notably opinionated about implementation order and when to animate, prioritizing shared element transitions for hierarchical navigation and explicitly discouraging animations that don't communicate spatial relationships. It includes ready-to-use CSS recipes and addresses Next.js integration quirks like the canary React version bundling. One limitation to note: browser back button animations aren't supported due to popstate being synchronous. The skill works best when you follow the provided implementation workflow rather than cherry-picking patterns, since it's designed as a complete system for native-feeling page transitions and component animations.

Install to Claude Code

npx -y skills add vercel-labs/agent-skills --skill vercel-react-view-transitions --agent claude-code