onmax/nuxt-skills

Nuxt Skills
_{Design inspired by HugoRCD's work}

Vue, Nuxt, and NuxtHub skills for AI coding assistants.

Installation

npx skills add onmax/nuxt-skills

The 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:

# 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 open format. They can be activated in two ways:

Auto-discovery — The agent reads each skill's description and loads it when relevant to your task
Manual invocation — Type /skill-name (e.g., /nuxt) to explicitly load a skill

You're working on...	Agent may auto-load...
`.vue` file	`vue` skill
`server/api/` route	`nuxt` skill
`nuxt.config.ts`	`nuxt` skill
NuxtHub storage	`nuxthub` skill
Auth/login/session	`nuxt-better-auth`

Structure

Follows agentskills standard format.

nuxt-skills/
├── skills/                 # Skills (agentskills format)
│   ├── vue/
│   │   ├── SKILL.md        # Entry point with frontmatter
│   │   └── references/     # Sub-files loaded on-demand
│   ├── nuxt/
│   ├── nuxt-modules/
│   ├── nuxthub/
│   ├── nuxt-content/
│   ├── nuxt-ui/
│   ├── nuxt-better-auth/
│   ├── reka-ui/
│   ├── document-writer/
│   ├── ts-library

...

README