Motion React Layout Transitions
Implement Motion for React layout transitions. Use for layout prop, layoutId, shared element transitions, tabs, expanding cards, accordions, reordering lists, filterable grids, animated underline nav, product UI panels, portfolio previews, and smooth size/position changes in React.
Install
$ agentstack add skill-thegoat395-codex-skills-motion-react-layout-transitions ✓ scanned · ✓ verified — works with Claude Code, Cursor, and more.
Security review
✓ PassedNo issues found. Passed automated security review. · v0.1.0 How review works →
- ✓ Prompt-injection patterns
- ✓ Secret / credential exfiltration
- ✓ Dangerous shell & filesystem operations
- ✓ Untrusted network calls
- ✓ Known-malicious package signatures
What it can access
- ✓ Network access No
- ✓ Filesystem access No
- ✓ Shell / process execution No
- ✓ Environment & secrets No
- ✓ Dynamic code execution No
From automated source analysis of v0.1.0. “Used” means the capability is present in the source — more access means more to trust, not that it’s unsafe.
About
Motion React Layout Transitions
Use This Skill
Use this skill for create shared layout and component transitions with motion.
Operating Contract
- Inspect the existing project before changing code.
- Identify the motion stack, scroll behavior, component lifecycle, reduced-motion handling, and available verification commands.
- Keep motion purposeful: clarify sequence, focus, depth, tactility, or product understanding.
- Follow existing project conventions unless a change clearly improves the result.
- Run available checks and visually inspect responsive/reduced-motion output when the change affects UI.
Required Reference
Read [references/motion-react-layout-transitions-guide.md](references/motion-react-layout-transitions-guide.md) before making architectural or visible UI changes with this skill.
Source & license
This open-source skill is cataloged on AgentStack and links to its original source — we do not rehost the code.
- Author: TheGoat395
- Source: TheGoat395/Codex-Skills
- License: MIT
Install and usage instructions live in the source repository linked above.
Reviews
No reviews yet — be the first.
Write a review
Versions
- v0.1.0 Imported from the upstream source.