motion
About motion
Build React animations with Motion (Framer Motion) - gestures (drag, hover, tap), scroll effects, spring physics, layout animations, SVG. Bundle: 2.3 KB (mini) to 34 KB (full). Use when: drag-and-drop, scroll animations, modals, carousels, parallax. Troubleshoot: AnimatePresence exit, list performance, Tailwind conflicts, Next.js "use client".
Install
Copy the command and run it in a terminal.
$
npx skills add https:/ / fellipeutaka/ leon --skill motionAfter installing, type/motionin Claude Code to confirm it loaded.
Bundled files
References and scripts installed along with SKILL.md.
README.md.claude-plugin/plugin.jsonagents/openai.yamlreferences/common-patterns.mdmotion-vs-auto-animate.mdnextjs-integration.mdperformance-optimization.mdrules/motion.mdscripts/init-motion.shoptimize-bundle.shtemplates/layout-transitions.tsxmotion-nextjs-client.tsxmotion-vite-basic.tsxscroll-parallax.tsxui-components.tsxComments
Markdown supported