Motion React Page Transitions

Animate routes; support native View Transitions.

TheGoat395 f127033 4 files · 8.9 KB Updated

File contents

Motion React Page Transitions

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.

TheGoat395/Codex-Skills/tree/main/skills/motion-react-page-transitions commit f127033d34

Frequently asked questions

npx skillmds@latest add thegoat395/motion-react-page-transitions