Guide for implementing smooth, native-feeling animations using React's View Transition API (`<ViewTransition>` component, `addTransitionType`, and CSS view transition pseudo-elements). Use this skill whenever the user wants to add page transitions, animate route changes, create shared element animations, animate enter/exit of components, animate list reorder, implement directional (forward/back)…
安装
npx skills add vercel-labs/agent-skills --skill vercel-react-view-transitionsnpx skills add vercel-labs/agent-skills --skill vercel-react-view-transitions -a claude-code -gnpx skills add vercel-labs/agent-skills --skill vercel-react-view-transitions -a codex -ggemini skills install https://github.com/vercel-labs/agent-skills.git --path skills/react-view-transitionsgh skill install vercel-labs/agent-skills vercel-react-view-transitionsgit clone --depth 1 https://github.com/vercel-labs/agent-skills /tmp/vercel-labs__agent-skills
mkdir -p ~/.claude/skills ~/.agents/skills
cp -R /tmp/vercel-labs__agent-skills/skills/react-view-transitions ~/.claude/skills/vercel-react-view-transitions # Claude Code
cp -R /tmp/vercel-labs__agent-skills/skills/react-view-transitions ~/.agents/skills/vercel-react-view-transitions # Codex, Cursor, Gemini CLI, Copilot, OpenCode