Login
onmax/nuxt-skillsMIT4 files

Nuxt Modules

Use when creating Nuxt modules: (1) Published npm modules (@nuxtjs/, nuxt-), (2) Local project modules (modules/ directory), (3) Runtime extensions (components, composables, plugins), (4) Server extensions (API routes, middleware), (5) Releasing/publishing modules to npm, (6) Setting up CI/CD workflows for modules. Provides defineNuxtModule patterns, Kit utilities, hooks, E2E testing, and release automation.

Use this skillView repositoryView on skills.sh
Specification
Skill ID
onmax/nuxt-skills/nuxt-modules
Publisher
onmax
Repository
nuxt-skills
Installs
0
Files
4
License
MIT
Synced
Sep 23, 2026
How to use it

Open any RiverX project, open the Skills panel in the chat, and search for this identifier. The files are fetched from the source repository at install time.

onmax/nuxt-skills/nuxt-modulesInstalls these files
  • SKILL.md
  • references/ci-workflows.md
  • references/development.md
  • references/testing-and-publishing.md

What this skill tells the agent

Nuxt Module Development

Guide for creating Nuxt modules that extend framework functionality.

Related skills: nuxt (basics), vue (runtime patterns)

Quick Start

npx nuxi init -t module my-module
cd my-module && npm install
npm run dev        # Start playground
npm run dev:build  # Build in watch mode
npm run test       # Run tests

Available Guidance

  • [references/development.md](references/development.md) - Module anatomy, defineNuxtModule, Kit utilities, hooks
  • [references/testing-and-publishing.md](references/testing-and-publishing.md) - E2E testing, best practices, releasing, publishing
  • [references/ci-workflows.md](references/ci-workflows.md) - Copy-paste CI/CD workflow templates

Loading Files

Consider loading these reference files based on your task:

  • [ ] references/development.md - if building module features, using defineNuxtModule, or working with Kit utilities
  • [ ] references/testing-and-publishing.md - if writing E2E tests, publishing to npm, or following best practices
  • [ ] references/ci-workflows.md - if setting up CI/CD workflows for your module

DO NOT load all files at once. Load only what's relevant to your current task.

Module Types

TypeLocationUse Case
Publishednpm package@nuxtjs/, nuxt- distribution
Localmodules/ dirProject-specific extensions
Inlinenuxt.config.tsSimple one-off hooks

Project Structure

my-module/
├── src/
│   ├── module.ts           # Entry point
│   └── runtime/            # Injected into user's app
│       ├── components/
│       ├── composables/
│       ├── plugins/
│       └── server/
├── playground/             # Dev testing
└── test/fixtures/          # E2E tests

Resources

More from onmax

onmax/nuxt-skills

Nuxt

Nuxt full-stack Vue framework with SSR, auto-imports, and file-based routing. Use when working with Nuxt apps, server routes, useFetch, middleware, or hybrid rendering.

onmax/nuxt-skills

Nuxt Better Auth

Guides authentication in Nuxt apps using @nuxtjs/better-auth. Use when installing or configuring the module, using its client or server APIs, protecting routes, refreshing sessions, or integrating Better Auth plugins.

onmax/nuxt-skills

Nuxt Content

Build typed, content-driven Nuxt applications with @nuxt/content. Use when working with content.config.ts, collections, queryCollection, Markdown or MDC rendering, content databases, hooks, custom sources, search, or Content v2 migrations.

Use this skill in a project

Open any RiverX project, search the Skills panel for onmax/nuxt-skills/nuxt-modules, and install it in one click.

Use this skill