Skill overview

Exact public version

vercel-react-view-transitions v2

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 transitions, `startViewTransition`, `ViewTransition`, transition types, or asks about animating between UI states in React without third-party animation libraries.

Public
SHA-2560962da7d489a9eb8d55d6064c9067847d79e42c05da6a1bc891b861c90a63b4a
Download package

Package contents

Manifest

9 files

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 transitions, `startViewTransition`, `ViewTransition`, transition types, or asks about animating between UI states in React without third-party animation libraries.

Manifest SHA-256503913e998c804e94db1ce4022d369d64588aca9e556c5f82db0e04705fe3f79
  • AGENTS.md58,993 bytes
  • README.md2,231 bytes
  • SKILL.md14,407 bytes
  • metadata.json852 bytes
  • references/css-recipes.md8,337 bytes
  • references/implementation.md9,280 bytes
  • references/nextjs.md10,700 bytes
  • references/patterns.md11,941 bytes
  • references/troubleshooting.md4,940 bytes