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 navigation animations, or integrate view transitions in Next.js. It covers choosing animation styles, critical placement rules, styling with pseudo-elements, handling transition types, and common layout patterns without relying on third-party animation libraries.