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.