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
mdr add vercel-labs/agent-skills/vercel-react-view-transitions@v1.0.0mdr add vercel-labs/agent-skills/vercel-react-view-transitions@sha256:1520343c8814c972[](https://markdownregistry.com/a/art_u3ceewq5vcn73nkp)
0 badge views in 30 days
| version | committed | commit | size | audit | |
|---|---|---|---|---|---|
| v1.0.0 latest | 2026-08-28 | 516bcc6 | 14,407 B | A | view · diff |
| v1.0.0 | 2026-08-28 | a90fee4 | 5,135 B | A | view · diff |
| v1.0.0 | 2026-08-28 | 058bb5f | 5,241 B | A | view · diff |
| v1.0.0 | 2026-08-28 | 256b186 | 5,146 B | A | view · diff |
| v1.0.0 | 2026-08-28 | f05836a | 6,207 B | A | view |
vercel-labs/agent-skills · 30,876 stars · license none · pushed 2026-08-28 · branch main
GET https://markdownregistry.com/api/v1/artifacts/art_u3ceewq5vcn73nkp GET https://markdownregistry.com/api/v1/resolve?ref=vercel-labs/agent-skills/vercel-react-view-transitions GET https://markdownregistry.com/api/v1/blob/1520343c8814c972fee001cac6d6185976d6eb3f4edcac33afe95c10f3b3228b