motion-dev-animations - Motion.dev GPU animation generator for web frameworks
Generates GPU-accelerated animations using Motion.dev for React, Next.js, Svelte, and Astro with accessibility and performance validation.
Tags
Updated: 2026-09-23Capabilities
Typical Inputs
Typical Outputs
What this skill does
- Generate entrance animations
- Implement gesture interaction handlers
- Create scroll-based animations
- Build layout transition components
- Add reduced-motion accessibility
- Verify performance quality standards
Inputs
- Framework context
- Animation requirements
- Target components
- Physics specifications
Outputs
- TypeScript animation code
- JSX animation code
- Animation variant configurations
- Reduced-motion fallback code
Requirements
- Claude 3.5 or higher
- Motion npm package
- React 19+, Next.js 15+, Svelte 5+, or Astro 4+
- File system read and write permissions