motion-dev-animations-skill
Production web animations with Motion.dev for React and Next.js
All Skills in This Repository (1)
Pure Emerald Level IndicatorsFrequently Asked Questions
FAQPage SchemaHow to install Motion.dev Animations Skill?▼
Run `npx skills add 199-biotechnologies/motion-dev-animations-skill --all -g -y` in your terminal to install it globally.
How to add scroll animations to a Next.js site?▼
Describe the effect you want, like a parallax hero or scroll reveal, and the skill generates Motion.dev code using useScroll and useTransform with GPU-accelerated properties.
Which frameworks does this animation skill support?▼
It fully supports React 19+, Next.js 15+, Svelte 5+, and Astro 4+. Vue projects should use the separate motion-v package instead.
Do generated animations support accessibility?▼
Yes. Every animation includes prefers-reduced-motion fallbacks, keyboard navigation support, and zero layout shift by default.
Can I use it without animation experience?▼
Yes. Just describe the effect in plain English, and the skill picks the right spring physics, timing, and Motion.dev patterns for you.
Related Repositories in Software Engineering
View All in Software Engineering→
openclawopenclaw
Run a personal AI assistant across your devices and chat apps
obrasuperpowers
Gives coding agents a disciplined workflow from idea to merged code
facebookreact
AI agent skills for building, testing, and porting React core