motion

Add declarative, hardware-accelerated animations to Vue 3 and Nuxt apps.

Updated Feb 3, 2026
One-click install
npx skills add https://github.com/9aia/pachira --skill motion-9aia
Or copy as Structured Prompt for Agent
Please help me install this Agent Skill.
Skill: motion
Source: https://github.com/9aia/pachira/tree/main/.claude/skills/motion
Command: npx skills add https://github.com/9aia/pachira --skill motion-9aia

SYSTEM DOCUMENTATION & REQUIREMENTS

What problem does it solve?

Motion Vue provides a simple, high-performance way to add declarative, hardware-accelerated animations to Vue 3 and Nuxt apps, eliminating the tedium of manual animation wiring.

Core Features & Use Cases

  • Declarative animations for components, with support for gestures, scroll-linked effects, and layout transitions.
  • Lightweight, production-ready motion library designed for Vue 3/Nuxt integration and minimal bundle size.
  • Use cases include UI micro-interactions, page transitions, parallax effects, and interactive widgets across mobile and desktop experiences.

Quick Start

Install motion-v in your Vue/Nuxt project and start animating components using the motion API.

Frequently Asked Questions about motion

High-intent search queries and answers about installing and using this skill.

FAQPage Schema
How do I add declarative animations to Vue 3 components?

You can add declarative animations to Vue 3 components using a motion component API that provides hardware-accelerated transitions, eliminating manual animation wiring.

Can I use gesture support and layout transitions in Nuxt apps?

Yes, Nuxt apps can implement gesture support and layout transitions using this lightweight motion library, enabling interactive UI patterns across mobile and desktop contexts.

What's the best way to create scroll-linked parallax effects in Vue?

The best way to create scroll-linked parallax effects in Vue is using a declarative motion library that supports hardware-accelerated, production-ready animations.

Does this Vue animation library support page transitions and micro-interactions?

Yes, this Vue animation library supports page transitions and UI micro-interactions through a declarative API designed for minimal bundle size and production readiness.

Do I need to manually wire animations for interactive widgets in Vue?

No, you do not need to manually wire animations for interactive widgets; the motion-v library provides a declarative API to handle these hardware-accelerated transitions effortlessly.