skills.rest
hipi
hipiCOMMUNITY
Explore all skills by this author →
GitHub

nuxt-modules

Create, test, and publish Nuxt.js modules with Kit utilities and CI/CD workflows.

Updated Jan 29, 2026
Search Tags:#testing#development#ci/cd#publishing#modules#nuxt
One-click install
npx skills add https://github.com/hipi/nuxt-nav-ai --skill nuxt-modules-hipi
Or copy as Structured Prompt for Agent▼
Please help me install this Agent Skill.
Skill: nuxt-modules
Source: https://github.com/hipi/nuxt-nav-ai/tree/main/.agents/skills/nuxt-modules
Command: npx skills add https://github.com/hipi/nuxt-nav-ai --skill nuxt-modules-hipi

SYSTEM DOCUMENTATION & REQUIREMENTS

💡 This Skill includes scripts (resource) and references (resource) components.

What problem does it solve?

This Skill streamlines the development, testing, and publishing of Nuxt modules, helping developers create reusable extensions for the Nuxt framework with greater ease and confidence.

Core Features & Use Cases

  • Module Development: Provides guidance on defining Nuxt modules, using Kit utilities, and integrating runtime/server extensions.
  • Testing & Publishing: Offers strategies for end-to-end testing and best practices for releasing modules to npm.
  • CI/CD Automation: Includes templates for setting up automated workflows for testing and publishing.
  • Use Case: A developer wants to create a custom Nuxt module to add a new feature to their project. They can use this Skill to understand the module structure, implement the feature, write tests, and set up a CI pipeline to automatically publish new versions.

Quick Start

Use the nuxt-modules skill to create a new Nuxt module using the nuxi CLI.

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 structure a custom Nuxt module?▼

To create a custom Nuxt module, use the nuxi CLI to scaffold the project and define its anatomy using the defineNuxtModule pattern, integrating necessary runtime and server extensions.

What is the best way to test Nuxt modules end-to-end?▼

The best way to test Nuxt modules end-to-end is by using Vitest, which allows you to validate module functionality and hooks before releasing the package to npm.

How do I set up CI/CD workflows for publishing Nuxt modules to npm?▼

You can set up CI/CD workflows for publishing Nuxt modules by using automation templates that handle testing and releasing your module to the npm registry upon version updates.

Can I use Nuxt Kit utilities to develop local project modules?▼

Yes, you can use Nuxt Kit utilities to develop both local project modules and published npm modules, utilizing hooks and helper functions to modify and extend the framework.

What are the differences between local project modules and published npm modules in Nuxt?▼

Local project modules are integrated directly within your specific Nuxt application for immediate use, whereas published npm modules are packaged and distributed for reuse across multiple projects.

Related Skills

Explore More Software Engineering Skills→
bcwgamesbcwgames

package-management

Install and manage language runtimes, packages, and system dependencies.

Community
Intermediate
incubrainincubrain
78

nuxt-modules

Guide developers in creating, publishing, and maintaining Nuxt modules with Nuxt Kit.

Official
Advanced
noartemnoartem

nuxt-modules

Guide Nuxt module development with defineNuxtModule, Kit utilities, and lifecycle hooks.

Community
Intermediate
bennypowersbennypowers
46

vue

Configure Vue projects to treat dash-containing tags as custom elements.

Community
Intermediate