Motion React Page Transitions
SkillDev toolsCreate Motion for React page transitions and route transitions. Use for AnimatePresence, route-level enter/exit, view transitions, shared page elements, Next.js client navigation, loading transitions, portfolio detail transitions, and cinematic but accessible navigation motion.
Available today. Use it from your connected AI after setup.
No other account needed.
Connect ahel once, and every AI you use reads what you have installed.
Then ask your AI: use the Motion React Page Transitions skill
What this skill tells your AI
The instructions your AI receives, as published by thegoat395/codex-skills in skills/motion-react-page-transitions/SKILL.md and read by ahel’s review.
For substantial web work, reuse the scoped web contract when available; it replaces duplicated policy here. Match the requested scope and existing decisions; a missing optional sibling does not block this local procedure.
Use This Skill
Use this skill to design page and route transitions without breaking navigation.
Required Reference
Read references/motion-react-page-transitions-guide.md before making architectural or visible UI changes with this skill.
When the project uses React's native <ViewTransition> API, also read the native View Transition reference. It covers activation, shared-element naming, Suspense, transition types, reduced motion, and browser fallbacks without requiring a third-party motion library.
Signals
- GitHub stars
- 124
- Forks
- 48
- Last commit
- Sep 2026
Advanced
- Catalog kind
- skill
- Gateway key
motion-react-page-transitions- Source
- github.com/thegoat395/codex-skills