FIELD NOTE / AGENT SKILL

React View Transitions.

Add purposeful native view transitions to React interfaces.

BuildVercelSource checked 12 Oct 2026
01 / FIT

When it earns a place.

Animate route changes, shared elements, or list reordering.

02 / SETUP

How to start.

Read the linked SKILL.md, then select the skill with `npx skills add vercel-labs/agent-skills` in a supported agent client.

Open the original instructions
03 / COMPATIBILITY

What it needs.

React project with browser and framework support for the chosen View Transition API pattern.

04 / WATCH FOR

Before you connect it.

Provide a reduced-motion path and check unsupported browsers.