vue
🎯Skillfrom onmax/nuxt-skills
|Provides intelligent code generation and autocompletion for Vue 3 Composition API components, methods, and patterns.
Installation
npx skills add https://github.com/onmax/nuxt-skills --skill vueSkill Details
Overview
Design inspired by HugoRCD's work
Vue, Nuxt, and NuxtHub skills for AI coding assistants.
🔗 Related Nuxt RFC: Bundling Agent Skills in Nuxt Modules
Installation
```bash
npx skills add onmax/nuxt-skills
```
The [skills](https://www.npmjs.com/package/skills) CLI auto-detects your installed agents and provides an interactive picker. Use -g for global (user-wide) or -y to install all skills.
Works with Claude Code, Cursor, Codex, OpenCode, GitHub Copilot, Antigravity, Roo Code, and more.
Claude Code Marketplace
An alternative for Claude Code users:
```bash
# Add marketplace
/plugin marketplace add onmax/nuxt-skills
# Install individual skills
/plugin install vue@nuxt-skills
/plugin install nuxt@nuxt-skills
# Install multiple skills
/plugin install vue@nuxt-skills nuxt@nuxt-skills nuxt-ui@nuxt-skills
```
Manual Installation
Clone the repository and copy skill folders to your agent's skills directory:
| Agent | Project path | Global path |
| ----------- | ------------------ | --------------------------- |
| Claude Code | .claude/skills/ | ~/.claude/skills/ |
| Cursor | .cursor/skills/ | ~/.cursor/skills/ |
| Codex | .codex/skills/ | ~/.codex/skills/ |
| OpenCode | .opencode/skill/ | ~/.config/opencode/skill/ |
| Copilot | .github/skills/ | — |
Skills
| Skill | Description |
| -------------------- | ------------------------------------------------------------------------------- |
| vue | Vue 3 Composition API, components, composables, testing |
| nuxt | Nuxt 4+ server routes, routing, middleware, config |
| nuxt-modules | Creating Nuxt modules with defineNuxtModule, Kit utilities, testing |
| nuxthub | NuxtHub v0.10 database, KV, blob, cache, multi-cloud |
| nuxt-content | Nuxt Content v3 collections, queries, MDC rendering, NuxtStudio |
| nuxt-ui | Nuxt UI v4 components, theming, forms, overlays, composables |
| nuxt-better-auth | Auth with @onmax/nuxt-better-auth, useUserSession, route protection, clientOnly |
| reka-ui | Reka UI headless Vue components, accessible primitives, props/emits/slots |
| document-writer | Writing documentation for Nuxt ecosystem - MDC, style, structure, code examples |
| ts-library | TypeScript library authoring - exports, tsdown, API patterns, type tricks, CI |
| motion | Motion Vue animations - motion component, composables, scroll, gestures |
| vueuse | VueUse composables - state, browser, sensors, network, animation utilities |
| nuxt-seo | Nuxt SEO meta-module - robots, sitemap, og-image, schema-org, site config |
How Skills Work
Skills follow the [Agent Skills](https://agentskills.io) open format. They can be activated in two ways:
- Auto-discovery — The
More from this repository10
Provides AI coding assistance and context-aware code generation specifically for Nuxt.js development, helping developers create Nuxt applications more efficiently by understanding Nuxt-specific pat...
Provides UI component generation and styling guidance specifically for Nuxt.js projects, helping developers quickly create consistent and responsive user interfaces using Nuxt's design patterns and...
Provides Vue and Nuxt-specific skills and code generation capabilities for AI coding assistants like Claude Code, enabling more intelligent and context-aware code suggestions for Vue and Nuxt proje...
Provides motion-related animation and transition utilities for creating smooth, interactive Vue and Nuxt components with easy-to-use animation configurations.
Generates TypeScript library boilerplate and provides code generation templates for creating new TypeScript libraries with standard project structure and configurations.
Provides Claude Code with context and code generation capabilities for VueUse, the popular Vue composition utility library, enabling easier integration and usage of VueUse hooks and functions.
Provides UI component generation and styling utilities for Reka AI integration within Nuxt projects, focusing on creating responsive and consistent user interfaces.
Generates documentation files and markdown content for Vue and Nuxt projects, helping developers quickly create structured and consistent project documentation.
Helps AI coding assistants generate and understand Nuxt module configurations, providing context and code snippets for creating, configuring, and integrating Nuxt modules efficiently.
Helps AI coding assistants generate and understand Nuxt Content module code, providing context and guidance for creating content-driven pages and managing markdown/JSON content in Nuxt 3 applications.