nuxt-modules

Create, test,CI/CD-publish Nuxt modules with defineNuxtModule and hooks.

45|3|Updated Jan 20, 2026
One-click install
npx skills add https://github.com/Charles5277/nuxt-supabase-starter --skill nuxt-modules-charles5277
Or copy as Structured Prompt for Agent
Please help me install this Agent Skill.
Skill: nuxt-modules
Source: https://github.com/Charles5277/nuxt-supabase-starter/tree/main/.claude/skills/nuxt-modules
Command: npx skills add https://github.com/Charles5277/nuxt-supabase-starter --skill nuxt-modules-charles5277

SYSTEM DOCUMENTATION & REQUIREMENTS

What problem does it solve?

Nuxt module developers need a clear pattern to create, test, and publish modular extensions that extend Nuxt with runtime components, server routes, and tooling.

Core Features & Use Cases

  • DefineNuxtModule pattern, Kit utilities, and hooks to build modular extensions for Nuxt core.
  • Support for Published, Local, and Inline module types and a guideline to structure projects with src/, runtime/, playground/, test/.
  • Use case: a company builds a reusable module to share across Nuxt apps and CI/CD.

Quick Start

Install a Nuxt module scaffold and start developing locally.

Frequently Asked Questions about nuxt-modules

High-intent search queries and answers about installing and using this skill.

FAQPage Schema
How do I create and publish a Nuxt module?

To create and publish a Nuxt module, use the defineNuxtModule pattern and Kit utilities to scaffold extensions, structure projects with src, runtime, playground, and test directories, then automate releases via CI/CD workflows to npm.

What is the defineNuxtModule pattern used for?

The defineNuxtModule pattern is used to build modular extensions for the Nuxt core, enabling developers to hook into the framework and add runtime components, server routes, and tooling across published, local, or inline module types.

How should I structure a Nuxt module project for CI/CD?

Structure a Nuxt module project for CI/CD by organizing code into src, runtime, playground, and test directories, which separates module logic, server extensions, local development, and end-to-end testing for automated release workflows.

Does this Nuxt module guide support local and inline module types?

Yes, this Nuxt module guide supports published npm packages, local modules, and inline runtime and server extensions, providing patterns and testing workflows for each specific module type within the Nuxt framework.

What's the best way to test Nuxt modules?

The best way to test Nuxt modules is by using a dedicated test directory for end-to-end testing within your project structure, ensuring the modular extensions and runtime hooks perform correctly before automating the release via CI/CD.

Can I use Nuxt Kit utilities to add server routes to my module?

Yes, you can use Nuxt Kit utilities alongside hooks to extend the Nuxt framework with server routes and runtime components, packaging them into a reusable module to share across multiple Nuxt applications.