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 animations, animate enter/exit of components, animate list reorder, implement directional (forward/back) navigation animations, or integrate view transitions in Next.js. Also use when the user mentions view transitions, `startViewTransition`, `ViewTransition`, transition types, or asks about animating between UI states in React without third-party animation libraries.

★ 30,706 stars MIT vercel-labs/agent-skills

Install this skill

This command installs the skill into the portable ~/.agents/skills directory. The homepage installer can generate the native path for your specific agent.

mkdir -p $HOME/.agents/skills/'react-view-transitions' && curl -fsSL 'https://raw.githubusercontent.com/vercel-labs/agent-skills/HEAD/skills/react-view-transitions/SKILL.md' -o $HOME/.agents/skills/'react-view-transitions'/SKILL.md

Skill details

Repository
vercel-labs/agent-skills
SKILL.md path
skills/react-view-transitions/SKILL.md
Author
vercel-labs
Tags
agent-skill