vercel-labs/agent-skills · skills/react-view-transitions/SKILL.md

vercel-react-view-transitions skillA

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

Latest version
mdr add vercel-labs/agent-skills/vercel-react-view-transitions@v1.0.0
Exact content
mdr add vercel-labs/agent-skills/vercel-react-view-transitions@sha256:1520343c8814c972
Badge

mdr badge

[![mdr](https://markdownregistry.com/badge/art_u3ceewq5vcn73nkp.svg)](https://markdownregistry.com/a/art_u3ceewq5vcn73nkp)

0 badge views in 30 days

Versions

versioncommittedcommitsizeaudit
v1.0.0 latest2026-08-28 516bcc6 14,407 BA view · diff
v1.0.02026-08-28 a90fee4 5,135 BA view · diff
v1.0.02026-08-28 058bb5f 5,241 BA view · diff
v1.0.02026-08-28 256b186 5,146 BA view · diff
v1.0.02026-08-28 f05836a 6,207 BA view

Audit of the latest version

A  17 of 17 checks passed. Deterministic, no model, same answer every run.

Source

GitHub

vercel-labs/agent-skills · 30,876 stars · license none · pushed 2026-08-28 · branch main

API

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