Setting the file. One moment.
Skill 05 · Vercel React View Transitions
Subchapter 5.8
README.mdMarkdown2 KBView on GitHub
An agent skill for implementing smooth, native-feeling animations using React’s View Transition API.
<ViewTransition> component — animation triggers (enter, exit, update, share), placement rules, View Transition ClassesaddTransitionType — tagging transitions for directional or context-specific animations::view-transition-old, ::view-transition-new, ::view-transition-grouptransitionTypes on next/link and useRouter, App Router patternsprefers-reduced-motion handlingreact-view-transitions/
├── SKILL.md # Core skill (always loaded)
├── AGENTS.md # Full compiled document (all references expanded)
└── references/
├── implementation.md # Step-by-step implementation workflow
├── patterns.md # Real-world patterns and events API
├── troubleshooting.md # Symptom-driven debugging
├── nextjs.md # Next.js-specific patterns
└── css-recipes.md # Copy-paste CSS animationsInstall via skills.sh (opens in a new tab):
npx skills add https://github.com/vercel-labs/agent-skills --skill vercel-react-view-transitions<ViewTransition> docs (opens in a new tab)addTransitionType docs (opens in a new tab)<Link> transitionTypes (opens in a new tab)