Vibe Index
🎯

motion

🎯Skill

from lucking7/motiondev-skills

VibeIndex|
What it does

Enables Claude to generate and manipulate motion animations using Framer Motion across React, JavaScript, and Vue, with comprehensive gesture and layout animation support.

motion

Installation

Quick InstallInstall with npx
npx skills add lucking7/motiondev-skills@motion
πŸ“– Extracted from docs: lucking7/motiondev-skills
Need more details? View full documentation on GitHub β†’
3Installs
-
AddedFeb 4, 2026
View on GitHubBack to Skills

Skill Details

SKILL.md

Overview

# Motion Skills

Motion animation library skills for Claude/AI agents.

Installation

```bash

npx skills add lucking7/motiondev-skills@motion

```

Structure

```

skills/

β”œβ”€β”€ SKILL.md # Main skill file

β”œβ”€β”€ reference/ # API documentation

β”‚ β”œβ”€β”€ react.md

β”‚ β”œβ”€β”€ javascript.md

β”‚ β”œβ”€β”€ vue.md

β”‚ β”œβ”€β”€ examples.md # 336 examples index

β”‚ └── examples.json # Examples metadata

└── scripts/

β”œβ”€β”€ get-example.sh

└── search-examples.sh

```

Usage

Once installed, use the skill when building animations with Motion (Framer Motion):

  • React animations with motion.div, AnimatePresence
  • Gestures: drag, hover, tap, scroll
  • Layout animations and spring physics
  • SVG animations

License

MIT