motion-v13
React animations with Motion v13 (gestures, scroll, layout, SVG). Use when drag-and-drop, scroll animations, modals, carousels, parallax, or AnimatePresence issues.
How do I install this agent skill?
npx skills add https://github.com/blockmatic/basilic-skills --skill motion-v13Is this agent skill safe to install?
- Gen Agent Trust Hubpass
This skill provides safe and standard React animation templates, migration rules, and integration guides for the Motion v13 library (formerly Framer Motion). It includes patterns for common UI components and performance optimization strategies using well-known, reputable packages.
- Socketpass
No alerts
- Snykpass
Risk: LOW · No issues
What does this agent skill do?
Motion
Package: motion ^13 (formerly framer-motion). Import from motion/react, not framer-motion.
Folder major tracks the npm motion package, not a skill-file revision. This repo may not list motion in package.json (CSS/tw-animate-css first); keep motion-v13 so pnpm add motion stays aligned. Do not invent -v1 for libraries that have an npm major.
When
Use for drag, scroll-linked, layout, gestures, shared-element transitions. Prefer CSS/tw-animate-css first (see @.cursor/rules/frontend/design.mdc).
Install
pnpm add motion — import { motion, AnimatePresence } from "motion/react".
Motion 13 dropped @emotion/is-prop-valid as an optional dependency. If styled motion components leak CSS-in-JS props to the DOM, inject isValidProp via MotionConfig or compose motion.create(StyledDiv). See https://motion.dev/docs/react-upgrade-guide
Depth
- Corrections vs old Framer Motion APIs: rules/motion.md
- Patterns: references/common-patterns.md
- Next.js
'use client': references/nextjs-integration.md - Perf: references/performance-optimization.md
How can the creator link this skill?
Add the canonical catalog link to the repository README so users can inspect current installs and available audits. The publishing guide covers the complete discovery path.
<a href="https://skillzs.dev/skills/blockmatic/basilic-skills/motion-v13">View motion-v13 on skillZs</a>