@onmax/nuxt-modules

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

View in AI SkillSafe app
Scanned · no findings
2496 downloads
0 stars
0 demos
SKILL.md
namenuxt-modules
descriptionUse 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.
licenseMIT

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

Loading Files

Consider loading these reference files based on your task:

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

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

Resources

Embed badges

Add these to your README to show the skill's verification status.

SkillSafe verified badge
Verified badge
[![SkillSafe verified badge](https://api.skillsafe.ai/v1/badge/@onmax/nuxt-modules/verified)](https://skillsafe.ai/skill/@onmax/nuxt-modules/)
Installs badge
Installs badge
[![Installs badge](https://api.skillsafe.ai/v1/badge/@onmax/nuxt-modules/installs)](https://skillsafe.ai/skill/@onmax/nuxt-modules/)
Scan badge
Scan badge
[![Scan badge](https://api.skillsafe.ai/v1/badge/@onmax/nuxt-modules/scan)](https://skillsafe.ai/skill/@onmax/nuxt-modules/)
Eval pass rate badge
Eval pass rate
[![Eval pass rate badge](https://api.skillsafe.ai/v1/badge/@onmax/nuxt-modules/eval)](https://skillsafe.ai/skill/@onmax/nuxt-modules/)