Nuxt 모듈 생성에 사용합니다: (1) npm에 게시된 모듈(@nuxtjs/, nuxt-), (2) 로컬 프로젝트 모듈(modules/ 디렉토리), (3) 런타임 확장(컴포넌트, 컴포저블, 플러그인), (4) 서버 확장(API 라우트, 미들웨어), (5) npm에 모듈 릴리스/게시, (6) 모듈용 CI/CD 워크플로우 설정. defineNuxtModule 패턴, Kit 유틸리티, 훅, E2E 테스트 및 릴리스 자동화를 제공합니다.
이 스킬은 Nuxt 모듈 개발 및 배포를 위한 종합적인 가이드 역할을 합니다. 개발자는 게시된 npm 모듈(@nuxtjs/, nuxt- 프리픽스 사용)과 로컬 프로젝트 모듈(modules/ 디렉토리)을 생성할 수 있으며, 컴포넌트, 컴포저블, 플러그인과 같은 런타임 확장과 API 라우트, 미들웨어 같은 서버 확장도 지원합니다. 또한 npm에 모듈을 릴리스하고 게시하는 과정과 CI/CD 워크플로우 설정까지 자동화하여 생산성을 높입니다. 내부적으로는 defineNuxtModule 패턴, Nuxt Kit 유틸리티, 훅, E2E 테스트 도구를 제공하여 표준화된 모듈 개발 경험을 보장하며, Nuxt 생태계와 완벽하게 호환됩니다.
npx skills add https://github.com/onmax/nuxt-skills/tree/main/skills/nuxt-modulesInstalled? Explore more 생산성 & 협업 skills: steipete/gemini, steipete/gh-issues, steipete/skill-creator · View all 6 →
Nuxt 모듈 생성 시 사용합니다: (1) npm에 게시된 모듈(@nuxtjs/, nuxt-), (2) 로컬 프로젝트 모듈(modules/ 디렉토리), (3) 런타임 확장(컴포넌트, 컴포저블, 플러그인), (4) 서버 확장(API 라우트, 미들웨어), (5) npm에 모듈 릴리스/게시, (6) 모듈용 CI/CD 워크플로우 설정. defineNuxtModule 패턴, Kit 유틸리티, 훅, E2E 테스트 및 릴리스 자동화를 제공합니다.
This repo contains 15 individual skills — each has its own dedicated page.
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.
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
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+.
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.
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
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.
Nuxt SEO meta-module with robots, sitemap, og-image, schema-org. Use when configuring SEO, generating sitemaps, creating OG images, or adding structured data.
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.
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
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.
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.
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.
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
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
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.
Gemini CLI one-shot prompts, summaries, generation, skills, hooks, MCP, or Gemma routing.
Fetch GitHub issues, select candidates, spawn background fix agents, open PRs, and optionally process PR review comments.
Create, edit, audit, tidy, validate, or restructure AgentSkills and SKILL.md files.
Search, install, update, sync, or publish agent skills with the ClawHub CLI and registry.
Delegate coding work to Codex, Claude Code, or OpenCode as background workers; not simple edits or read-only code lookup.
List, configure, authenticate, call, and inspect MCP servers/tools with mcporter over HTTP or stdio.