onmax/nuxt-modules

使用於建立 Nuxt 模組時：包括已發布的 npm 模組、本地專案模組、執行時期擴展與伺服器擴展，並提供 defineNuxtModule 模式、Kit 工具、鉤子、E2E 測試與發布自動化。

nuxt-modules 是什麼？

此技能專為開發者設計，用於高效建立與管理 Nuxt 模組。它涵蓋多種模組類型，包括已發布的 npm 模組（如 @nuxtjs/ 或 nuxt- 前綴）、本地專案模組（位於 modules/ 目錄）、執行時期擴展（如元件、可組合函數、插件）以及伺服器擴展（如 API 路由、中介軟體）。此外，它還支援將模組發布到 npm、設定 CI/CD 工作流程、使用 defineNuxtModule 模式定義模組、利用 Kit 工具與鉤子擴展功能、進行端到端測試，以及自動化發布流程。此技能與主流 AI 代理平台相容，如 Claude Code、Cursor、Codex 等，透過 SKILL.md 文件提供清晰的指引與最佳實踐，大幅提升開發效率。

相容平台~Claude Code~Codex CLI~Cursor

Part ofAgent Workflows

npx skills add https://github.com/onmax/nuxt-skills/tree/main/skills/nuxt-modules

Installed? Explore more 生產力與協作 skills: steipete/gemini, steipete/gh-issues, steipete/skill-creator · View all 6 →

查看原文→瀏覽所有技能

在你喜歡的 AI 中提問

開啟一個已預先載入此 Agent Skill 的新對話。

ChatGPT Claude Gemini Grok Perplexity DeepSeek

說明文件

nuxt-modules 是做什麼的？

使用於建立 Nuxt 模組時：(1) 已發布的 npm 模組 (@nuxtjs/, nuxt-)，(2) 本地專案模組 (modules/ 目錄)，(3) 執行時期擴展 (元件、可組合函數、插件)，(4) 伺服器擴展 (API 路由、中介軟體)，(5) 將模組發布到 npm，(6) 為模組設定 CI/CD 工作流程。提供 defineNuxtModule 模式、Kit 工具、鉤子、E2E 測試，以及發布自動化。

Individual skills in this repo

This repo contains 15 individual skills — each has its own dedicated page.

onmax/document-writer

Use when writing blog posts or documentation markdown files - provides writing style guide (active voice, present tense), content structure patterns, and MDC component usage. Overrides brevity rules for proper grammar. Use nuxt-content for MDC syntax, nuxt-ui for component props.

onmax/motion

Use when adding animations with Motion Vue (motion-v) - provides motion component API, gesture animations, scroll-linked effects, layout transitions, and composables for Vue 3/Nuxt

onmax/nuxt

Use when working on Nuxt 4+ projects - provides server routes, file-based routing, middleware patterns, Nuxt-specific composables, and configuration with latest docs. Covers h3 v1 helpers (validation, WebSocket, SSE) and nitropack v2 patterns. Updated for Nuxt 4.3+.

onmax/nuxt-better-auth

Use when implementing auth in Nuxt apps with @onmax/nuxt-better-auth - provides useUserSession composable, server auth helpers, route protection, and Better Auth plugins integration.

onmax/nuxt-content

Use when working with Nuxt Content v3, markdown content, or CMS features in Nuxt - provides collections (local/remote/API sources), queryCollection API, MDC rendering, database configuration, NuxtStudio integration, hooks, i18n patterns, and LLMs integration

onmax/nuxthub

Use when building NuxtHub v0.10.6 applications - provides database (Drizzle ORM with sqlite/postgresql/mysql), KV storage, blob storage, and cache APIs. Covers configuration, schema definition, migrations, multi-cloud deployment (Cloudflare, Vercel), and the new hub:db, hub:kv, hub:blob virtual module imports.

onmax/nuxt-seo

Nuxt SEO meta-module with robots, sitemap, og-image, schema-org. Use when configuring SEO, generating sitemaps, creating OG images, or adding structured data.

onmax/nuxt-ui

Use when building styled UI with @nuxt/ui v4 components - create forms with validation, implement data tables with sorting, build modal dialogs and overlays, configure Tailwind Variants theming. Use vue skill for raw component patterns, reka-ui for headless primitives.

onmax/pnpm

Use when managing Node.js dependencies with pnpm - install packages, configure monorepo workspaces, set up pnpm catalogs, resolve dependency conflicts with overrides, patch third-party packages, and configure CI pipelines for pnpm projects

onmax/reka-ui

Use when building with Reka UI (headless Vue components) - provides component API, accessibility patterns, composition (asChild), controlled/uncontrolled state, virtualization, and styling integration. Formerly Radix Vue.

onmax/ts-library

Use when authoring TypeScript libraries or npm packages - covers project setup, package.json exports, build tooling (tsdown/unbuild), API design patterns, type inference tricks, testing, and publishing to npm. Use when bundling, configuring dual CJS/ESM output, or setting up release workflows.

onmax/vite

Vite build tool configuration, plugin API, SSR, and Vite 8 Rolldown migration. Use when working with Vite projects, vite.config.ts, Vite plugins, or building libraries/SSR apps with Vite.

onmax/vitest

Use when writing unit/integration tests for Vite projects - configure vitest.config.ts, write test suites with describe/it, create mock implementations with vi.fn and vi.mock, set up code coverage thresholds, and run tests in parallel

onmax/vue

Use when editing .vue files, creating Vue 3 components, writing composables, or testing Vue code - provides Composition API patterns, props/emits best practices, VueUse integration, and reactive destructuring guidance

onmax/vueuse

Use when working with VueUse composables - track mouse position with useMouse, manage localStorage with useStorage, detect network status with useNetwork, debounce values with refDebounced, and access browser APIs reactively. Check VueUse before writing custom composables - most patterns already implemented.