motion
๐ฏSkillfrom onmax/nuxt-skills
|Animation library skill for Vue 3 and Nuxt providing Motion Vue (motion-v) component API, gesture animations, scroll-linked effects, layout transitions, and spring physics with minimal bundle size.
Overview
The Motion skill from nuxt-skills provides Vue, Nuxt, and NuxtHub development expertise for AI coding assistants. It is part of a collection that includes skills for Vue 3 Composition API, Nuxt 4+ server routes, NuxtHub multi-cloud, Nuxt Content v3, and Nuxt UI, designed to help AI agents generate accurate and up-to-date framework code.
Key Features
- Multi-Agent Compatibility - Works with Claude Code, GitHub Copilot, OpenAI Codex, OpenCode, Cursor, Roo Code, and other agents that support the skills format
- Flexible Installation - Installable via the skills CLI with auto-detection, Claude Code Marketplace, or manual copy to agent skill directories
- Comprehensive Nuxt Ecosystem Coverage - Part of a skill set spanning Vue 3, Nuxt 4+, NuxtHub, Nuxt Content v3, and Nuxt UI
- Nuxt Module Development - Includes guidance on creating Nuxt modules with defineNuxtModule and Kit utilities
- Related RFC Integration - Aligned with the Nuxt RFC on bundling agent skills in Nuxt modules for community-wide adoption
Who is this for?
This skill is designed for developers building applications with the Nuxt framework who want AI coding assistants to produce correct, current Nuxt and Vue code. It is particularly valuable for teams working with the broader Nuxt ecosystem including NuxtHub, Nuxt Content, and Nuxt UI who need consistent AI-generated patterns across their projects.
Same repository
onmax/nuxt-skills(38 items)
Installation
npx vibeindex add onmax/nuxt-skills --skill motionnpx skills add onmax/nuxt-skills --skill motion~/.claude/skills/motion/SKILL.mdSKILL.md
More from this repository10
Agent skills for Nuxt.js development, providing AI assistants with specialized knowledge for building Nuxt applications and modules.
Progressive guidance for Nuxt 4+ projects (v4.3+) providing server routes, file-based routing, middleware patterns, Nuxt-specific composables, h3 v1 helpers (validation, WebSocket, SSE), and nitropack v2 patterns.
Agent skills for Nuxt.js development, providing AI assistants with specialized knowledge for building Nuxt applications and modules.
Component library skill for Vue 3 and Nuxt 4+ built on Reka UI, Tailwind CSS v4, and Tailwind Variants, covering @nuxt/ui v4 components like Button, Modal, Form, Table with theming, validation, and composables.
Agent skills for Nuxt.js development, providing AI assistants with specialized knowledge for building Nuxt applications and modules.
Patterns for authoring high-quality TypeScript libraries covering project setup, package exports (dual CJS/ESM), build tooling (tsdown/unbuild), API design patterns, type inference, testing with vitest, and release workflows.
Writing guidance for blog posts and documentation following Nuxt ecosystem patterns, covering active voice style, content structure, and MDC component usage while overriding brevity rules for proper grammar.
Nuxt SEO meta-module covering robots.txt, sitemap.xml generation, dynamic OG image creation, JSON-LD structured data (schema.org), breadcrumbs, and canonical URL configuration.
Guide for creating Nuxt modules that extend framework functionality, covering defineNuxtModule patterns, Kit utilities, hooks, E2E testing, and release automation for both published npm and local project modules.
Agent skills for Nuxt.js development, providing AI assistants with specialized knowledge for building Nuxt applications and modules.