Motion React Patterns

Implement Motion APIs, presence and lifecycle.

TheGoat395 Updated
Codex Skills modular capabilities visualized

File contents

Motion React Patterns

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 use motion for react microinteractions and component animation.

Required Reference

Read references/motion-react-patterns-guide.md before making architectural or visible UI changes with this skill.

Ownership

Own Motion APIs, animation state and lifecycle. Route shared layout to motion-react-layout-transitions, navigation to motion-react-page-transitions, and new feedback/timing direction to motion-react-microinteractions only when those decisions are needed.

TheGoat395/Codex-Skills/tree/main/skills/motion-react-patterns commit 9d47a8c7b3

Frequently asked questions

npx get-skill add thegoat395/motion-react-patterns