or run

tessl search

nuxt-modules

tessl install github:onmax/nuxt-skills --skill nuxt-modules

github.com/onmax/nuxt-skills

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.

Review Score

92%

Validation Score

13/16

Implementation Score

88%

Activation Score

100%

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 - Module anatomy, defineNuxtModule, Kit utilities, hooks
references/testing-and-publishing.md - E2E testing, best practices, releasing, publishing
references/ci-workflows.md - Copy-paste CI/CD workflow templates

Load based on context:

Building module features? → references/development.md
Testing or publishing? → references/testing-and-publishing.md
CI workflow templates? → references/ci-workflows.md

Module Types

Type	Location	Use Case
Published	npm package	`@nuxtjs/`, `nuxt-` distribution
Local	`modules/` dir	Project-specific extensions
Inline	`nuxt.config.ts`	Simple 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