Implements smooth, native page transitions and shared element animations for React and web applications.
This skill equips Claude with specialized knowledge for implementing the modern View Transitions API, enabling fluid, app-like navigation in both Single-Page Applications (SPAs) and Multi-Page Applications (MPAs). It provides production-ready patterns for React Router 7.x integration, manual transition control via ReactDOM.flushSync, and complex shared element animations such as image gallery morphs. Beyond aesthetics, it includes critical logic for progressive enhancement, accessibility via reduced motion detection, and performance optimization to ensure animations don't interfere with core user interactions.
主要功能
01Progressive enhancement and browser feature detection
02React Router 7.x link and state integration
03Reduced motion accessibility (a11y) support
04Shared element and hero animation implementations
05Native SPA and MPA navigation transition patterns
0669 GitHub stars
使用场景
01Morphing product list images into full-screen detail views
02Adding native-feeling tab switching animations without heavy libraries
03Implementing smooth slide or fade transitions between app routes
