Vercel · Agent Skill

vercel-react-view-transitions

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…

Published by VercelMIT332 lines in SKILL.md

Source: vercel-labs/agent-skills/skills/react-view-transitions
Repository owner: vercel-labs

Install

Read the SKILL.md and any scripts before installing: a skill runs with your agent's permissions. This copies just this skill into Claude Code's user skills folder; other agents read skills from their own folder.

Claude Code (user-level)

git clone --depth 1 --filter=blob:none --sparse https://github.com/vercel-labs/agent-skills.git /tmp/agent-skills
cd /tmp/agent-skills && git sparse-checkout set "skills/react-view-transitions"
mkdir -p ~/.claude/skills && cp -r "skills/react-view-transitions" ~/.claude/skills/vercel-react-view-transitions

Skills folder docs:

Claude Code Codex Gemini CLI OpenCode Cursor GitHub Copilot goose OpenHands Amp Factory Droid Junie Kiro Roo Code Mistral Vibe pi Hermes Agent OpenClaw Letta

Works with

Agent Skills is an open format, so this skill loads in any harness that supports it, including Claude Code, Codex, Gemini CLI, OpenCode, Cursor, GitHub Copilot, goose, OpenHands. Some skills are written for one product and say so in their description.

More skills from Vercel

deploy-to-vercel vercel-cli-with-tokens vercel-composition-patterns vercel-optimize vercel-react-best-practices vercel-react-native-skills web-design-guidelines writing-guidelines

Reviewed Oct 5, 2026. Name and description are the skill's own frontmatter.