nuxt 是做什麼的?
在開發 Nuxt 4+ 專案時使用 - 提供伺服器路由、基於檔案的路由、中介軟體模式、Nuxt 專用的組合式函式以及具有最新文件的設定。涵蓋 h3 v1 輔助工具(驗證、WebSocket、SSE)和 nitropack v2 模式。更新至 Nuxt 4.3+。
在開發 Nuxt 4+ 專案時使用 - 提供伺服器路由、基於檔案的路由、中介軟體模式、Nuxt 專用的組合式函式以及具有最新文件的設定。涵蓋 h3 v1 輔助工具(驗證、WebSocket、SSE)和 nitropack v2 模式。更新至 Nuxt 4.3+。
這個技能專為使用 Nuxt 4+ 的開發者設計,旨在透過提供伺服器路由、基於檔案的路由、中介軟體模式、Nuxt 專用組合式函式以及最新文件的設定,簡化開發流程。它涵蓋了 h3 v1 輔助工具,包括驗證、WebSocket 和 SSE 支援,以及 nitropack v2 模式,確保與現代 Nuxt 生態系統的兼容性。該技能支援多個平台,如 Claude Code、Cursor 和 Codex,並可透過其簡單的 onmax/nuxt 語法無縫整合到工作流程中。它會持續更新以配合最新的 Nuxt 版本(目前為 4.3+),讓開發者能夠利用最新的功能和最佳實踐。對於需要高效率、符合習慣方式使用 Nuxt 進階功能(例如伺服器端邏輯和即時通訊)的開發者來說,這是一項特別有價值的工具。
npx skills add https://github.com/onmax/nuxt-skills/tree/main/skills/nuxtInstalled? Explore more 程式設計與開發 skills: steipete/bluebubbles, steipete/eightctl, steipete/blucli · View all 6 →
在開發 Nuxt 4+ 專案時使用 - 提供伺服器路由、基於檔案的路由、中介軟體模式、Nuxt 專用的組合式函式以及具有最新文件的設定。涵蓋 h3 v1 輔助工具(驗證、WebSocket、SSE)和 nitropack v2 模式。更新至 Nuxt 4.3+。
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 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.
Use 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.
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.
Send and manage iMessages via BlueBubbles, including attachments, tapbacks, edits, replies, and groups.
Control Eight Sleep pods (status, temperature, alarms, schedules).
BluOS CLI (blu) for discovery, playback, grouping, and volume.
Create, search, and manage Bear notes via grizzly CLI.
Capture frames or clips from RTSP/ONVIF cameras.
Search GIF providers with CLI/TUI, download results, and extract stills/sheets.