AgentStack
SKILL verified MIT Self-run

Motion React Page Transitions

skill-thegoat395-codex-skills-motion-react-page-transitions · by TheGoat395

Create 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.

No reviews yet
0 installs
17 views
0.0% view→install

Install

$ agentstack add skill-thegoat395-codex-skills-motion-react-page-transitions

✓ scanned · ✓ verified — works with Claude Code, Cursor, and more.

Security review

✓ Passed

No 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.

Are you the author of Motion React Page Transitions? Claim this listing to set pricing, connect Stripe payouts, and keep 70% of every sale.
Sign up to claim

About

Motion React Page Transitions

Use This Skill

Use this skill for design page and route transitions without breaking navigation.

Operating Contract

  1. Inspect the existing project before changing code.
  2. Identify the motion stack, scroll behavior, component lifecycle, reduced-motion handling, and available verification commands.
  3. Keep motion purposeful: clarify sequence, focus, depth, tactility, or product understanding.
  4. Follow existing project conventions unless a change clearly improves the result.
  5. Run available checks and visually inspect responsive/reduced-motion output when the change affects UI.

Required Reference

Read [references/motion-react-page-transitions-guide.md](references/motion-react-page-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.

Install and usage instructions live in the source repository linked above.

Reviews

No reviews yet — be the first.

Versions

  • v0.1.0 Imported from the upstream source.