🎯

framer-motion-layout

🎯Skill

from c-jeril/framer-motion-skills

What it does

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.

📦

Same repository

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

framer-motion-layout

Installation

Vibe Index InstallInstalls to .claude/skills/

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

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

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

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

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

SKILL.md

224Installs

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-variants🎯Skill

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.