framer-motion-skills
Six dedicated Framer Motion skills: core animation, React/Next.js integration, variants and orchestration, scroll animations, gestures (drag/tap/hover), and layout/shared transitions.
How do I install this agent skill?
npx skills add https://github.com/podo/design-agent-skills --skill framer-motion-skillsIs this agent skill safe to install?
- Gen Agent Trust Hubwarn
This skill serves as a stub that directs the agent to download and install code from an untrusted external GitHub repository. It also suggests using shell execution shortcuts that could lead to unauthorized command execution in certain environments.
- Socketwarn
1 alert: gptAnomaly
- Snykwarn
Risk: MEDIUM · 1 issue
What does this agent skill do?
framer-motion-skills
Catalogue stub — full package: C-Jeril/framer-motion-skills
Decision tree
-
Is the package already installed? Check: your agent's skills directory contains
framer-motion-skillswith content beyond this stub.- Yes → invoke
framer-motion-skillsand proceed - No → go to step 2
- Yes → invoke
-
Which agent are you on?
- Claude Code →
npx skills add C-Jeril/framer-motion-skills— or send! npx skills add …as a chat message (add-gfor global, omit for project-only) - Cursor →
npx skills add C-Jeril/framer-motion-skills - Other →
npx skills add C-Jeril/framer-motion-skillsor see GitHub README
- Claude Code →
Install command
npx skills add C-Jeril/framer-motion-skills
Invoke after install
- Skill name:
framer-motion-skills - Trigger phrases: "Framer Motion", "framer animation", "layout animation", "shared transitions", "motion variants"
What it does
Six dedicated Framer Motion skills covering the full library surface: core animation primitives (motion components, animate, initial, exit), React and Next.js integration patterns, variants and animation orchestration (staggerChildren, delayChildren, when), scroll-linked and scroll-triggered animations (useScroll, useTransform), gesture-driven interactions (drag, tap, hover, whileDrag/whileHover/whileTap), and layout animations with shared element transitions (layoutId).
When NOT to use
- GSAP-specific projects or complex timeline orchestration (use
gsap-skills) - Vanilla CSS animation without a React framework (use
animate-css-skill)
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/podo/design-agent-skills/framer-motion-skills">View framer-motion-skills on skillZs</a>