Add native view transition animations
vercel-react-view-transitionsskillsetup L2★0
Sheshiyer/skill-clusters ↗What it does
Animate React UI state transitions
Best for
Communicate spatial hierarchy in hierarchical navigation (list-to-detail patterns)
Inputs
- · React/Next.js component tree
- · ViewTransition props config
Outputs
- · animated route/state changes
- · CSS animation rules
Requires
- · React 19+/canary
- · browser View Transitions API
Preconditions
Chromium 111+, Firefox 144+, Safari 18.2+
Failure modes
- · Unsupported browsers skip animation gracefully
- · Nesting VT incorrectly breaks enter/exit
Trust signals
- · From vercel-labs agent-skills
- · Specifies animation anti-patterns