skillFrontend Skills1 min read
react-view-transitions
Native browser transitions for React UIs, without a motion library.
Implements React's View Transition API for shared-element morphs, list reorders, Suspense reveals, and Next.js navigations.
Install
npx skills add vercel-labs/agent-skills --skill react-view-transitions -g -ySummary
Covers <ViewTransition> declarations, startTransition / useDeferredValue / Suspense triggers, and the CSS pseudo-elements that style them. The skill handles the gnarly parts — graceful degradation in unsupported browsers, directional navigation, list reorder — so your agent produces transitions that actually ship instead of demo-only snippets.
More in Frontend Skills
- 1 min readcomposition-patternsKill the boolean-prop explosion before your component library becomes unmaintainable.Read
- 1 min readshadcnShips built-in to the shadcn/ui CLI — activates whenever your agent runs shadcn commands.Read
- 1 min readtailwind-design-systemShip a real design system on Tailwind v4 instead of a pile of utility classes.Read