🎯

framer-motion-variants

🎯Skill

from c-jeril/framer-motion-skills

What it does

Framer Motion skill for variant-based animations in React, teaching agents how to define animation states, orchestrate child animations, and create reusable animation configurations with the variants API.

📦

Same repository

c-jeril/framer-motion-skills(5 items)

framer-motion-variants

Installation

Vibe Index InstallInstalls to .claude/skills/

npx vibeindex add c-jeril/framer-motion-skills --skill framer-motion-variants

skills.sh Install⚠ Installs to .agents/skills/

npx skills add c-jeril/framer-motion-skills --skill framer-motion-variants

Manual InstallCopy SKILL.md content and save to the path below

~/.claude/skills/framer-motion-variants/SKILL.md

SKILL.md

225Installs

AddedApr 20, 2026

View on GitHub Back to Skills

More from this repository4

🎯

framer-motion-react🎯Skill

Official Framer Motion skill for React integration covering AnimatePresence, motion components, useAnimation, layout animations, SSR-safe patterns, and cleanup best practices for React and Next.js projects.

🎯

framer-motion-scroll🎯Skill

A Framer Motion skill for building scroll-linked animations using useScroll, useTransform, and useInView hooks. Covers parallax effects, scroll progress indicators, scroll-triggered animations, and best practices for performant scroll-driven UI.

🎯

framer-motion-gestures🎯Skill

Framer Motion skill for implementing gesture-driven animations including drag, pan, tap, hover, and focus interactions with drag constraints, elastic bounds, and momentum configuration in React.

🎯

framer-motion-layout🎯Skill

Framer Motion skill for layout animations in React, teaching agents correct usage of layout transitions, shared layout animations, and smooth element repositioning with the motion component API.