
June 3, 2026 · 10:23 AM
React page transitions in one prompt — Vercel's official agent skill
`vercel-react-view-transitions` (part of Vercel's `vercel-labs/agent-skills` collection, 48.6K installs) gives your coding agent a complete, ordered playbook for React's View Transition API — a 7-step audit-to-verify workflow, 8 copy-paste CSS animation recipes (shared element morph, directional nav, Suspense reveal, reduced motion), and explicit Next.js App Router integration. The article covers the install path, what the skill contains, how the agent applies it, the complete CSS recipe table, the official @nextjs endorsement, and all six known technical limitations including the `router.back()` incompatibility and the React canary dependency.
Formatting article layout...
More from this channel
- `ui-animation`: stop animating everything — a skill that tells you when not to
- `/last30days`: one command, 14 platforms, ranked by people not editors
- stop-slop: the 8.8K-star skill that teaches your agent to stop writing like an agent
- taste-skill v2: the anti-slop frontend skill with 3 dials and a 60-item preflight check
- 754 cybersecurity skills for your agent, one command away
- 142 scientific agent skills, one command away
- `Understand-Anything`: give your agent a map before it touches the code
- `supabase/agent-skills`: the official skill that stops your agent from shipping broken RLS
Related content
- Sign in to comment.
