onmax/nuxt-skills▌

Typed content collections and SQL-backed queries for Nuxt apps with markdown, MDC, and remote sources. \n \n Supports local markdown files, remote GitHub repositories, and external APIs as content sources via defineCollection and defineCollectionSource \n Query content with a fluent SQL-like API ( queryCollection ) for filtering, navigation, and search across typed collections \n Render markdown with Vue component support (MDC syntax) using ContentRenderer and customizable prose components \n In

Nuxt SEO meta-module for robots, sitemaps, OG images, and structured data. \n \n Five integrated sub-modules handle robots.txt generation, sitemap.xml creation, dynamic OG image generation, JSON-LD schema.org data, and meta utilities like breadcrumbs and canonical URLs \n Configure once via site in nuxt.config.ts and access shared settings through useSiteConfig() across all modules \n Integrates with Nuxt Content v3 via asSeoCollection() to automatically generate sitemaps, OG images, and structu

Styled UI component library for Vue 3 and Nuxt 4+ with 125+ components, form validation, and theme customization. \n \n Built on Reka UI headless primitives, Tailwind CSS v4, and Tailwind Variants for type-safe, accessible components \n Includes forms with Zod/Valibot validation, data tables with sorting, modals, toasts, drawers, and command palettes \n Semantic color system and CSS variable theming via app.config.ts for consistent design customization \n Composables like useToast, useOverlay, a

Node.js dependency management with monorepo workspaces, catalogs, and supply chain security features. \n \n Supports workspace protocol for internal package linking, centralized version catalogs, and transitive dependency overrides to resolve conflicts \n Includes patch functionality for third-party packages, content-addressable store for efficiency, and strict dependency resolution \n Provides filtering and scripting commands for running tasks across monorepo packages or targeting specific work

Declarative Vue 3 framework for building 3D scenes with Three.js components. \n \n TresCanvas root component wraps WebGL renderer; all Three.js classes available as Vue components with Tres prefix (e.g., TresMesh , TresPerspectiveCamera ) \n Core packages: @tresjs/core (required), @tresjs/cientos (OrbitControls, model loaders, materials), @tresjs/post-processing (bloom, glitch, depth-of-field effects) \n Props are reactive; changes automatically update the 3D scene; use primitive component to in

Essential Vue Composition utilities for state, sensors, browser APIs, and common patterns. \n \n 200+ composables across 12 categories including state persistence, mouse tracking, keyboard input, network requests, animations, and array operations \n Auto-imports in Nuxt via @vueuse/nuxt module; manual imports required for Vue 3 standalone \n SSR-safe composables return sensible defaults on server; use isClient guard or onMounted wrapper for browser-only APIs \n Common patterns include useLocalSt

Nuxt 4+ development guidance covering server routes, file-based routing, middleware, composables, and configuration patterns. \n \n Organized reference files for API endpoints, server middleware, routing, middleware/plugins, Nuxt composables, components, and configuration \n Includes h3 v1 helpers for validation, WebSocket, and SSE; Nitro v2 patterns; and typed router support \n Highlights Nuxt 4 breaking changes (NuxtPage vs Nuxt, getRouterParam, useRequestURL) with migration examples \n Cross-

Full-stack Nuxt backend with type-safe database, KV storage, blob uploads, and caching across multiple cloud providers. \n \n Drizzle ORM support for SQLite, PostgreSQL, and MySQL with auto-generated migrations, schema validation, and read replica configuration \n KV storage (Upstash, Redis, Cloudflare, Vercel, Deno) and blob storage (R2, Vercel Blob, S3) with multipart upload helpers and Vue composables \n Response and function caching with TTL and invalidation; virtual module imports ( hub:db

Unstyled, accessible Vue 3 component primitives with WAI-ARIA compliance and composition patterns. \n \n Provides 30+ headless components across forms, overlays, menus, data tables, and date pickers, each split into composable parts (Root, Trigger, Content, Portal) \n Supports controlled state via v-model and uncontrolled via default* props; includes asChild for rendering as child elements without wrapper overhead \n Built-in virtualization for large lists, context injection for child access, an

Authentication for Nuxt 4+ with composables, server helpers, and route protection. \n \n Provides useUserSession() composable for client-side auth flows (login, signup, signout) and requireUserSession() server helper for API route protection \n Supports route protection via routeRules and definePageMeta with role-based access control \n Integrates Better Auth plugins including admin, passkey, and 2FA capabilities \n Includes NuxtHub database setup with Drizzle schema and clientOnly mode for exte

Complete reference guide for authoring TypeScript libraries and npm packages. \n \n Covers project setup, package.json exports configuration, tsconfig optimization, and dual CJS/ESM build tooling with tsdown or unbuild \n Includes API design patterns (builder, factory, plugin systems), advanced type inference techniques, and tree-shaking best practices \n Provides vitest testing setup, release workflow configuration, and GitHub Actions CI/CD templates \n Organized as modular reference files—load

Self-hosted, open-source CMS module for editing Nuxt Content websites in production.

Rolldown + Oxc powered TypeScript bundler with dual ESM/CJS output and .d.ts generation. \n \n Drop-in tsup replacement supporting TypeScript library bundling with automatic declaration file generation \n Configurable output formats (ESM, CJS, UMD), target environments, and package exports validation \n Includes watch mode, framework integrations (Vue, React), plugin authoring, and programmatic API for advanced workflows \n Built-in shims, unbundle mode, and WebAssembly support for specialized b

Framework extensions through published npm packages, local modules, and runtime/server integrations. \n \n Covers three module types: published npm packages (@nuxtjs/, nuxt-), local project modules in the modules/ directory, and inline hooks in nuxt.config.ts \n Provides defineNuxtModule patterns, Kit utilities, and hook system for extending components, composables, plugins, API routes, and middleware \n Includes E2E testing strategies, npm publishing workflows, and copy-paste CI/CD templates fo

Style guide and content patterns for Nuxt documentation and blog posts. \n \n Enforces active voice, present tense, and grammatically correct prose without sacrificing clarity for brevity \n Provides writing patterns (subject-first, imperative, contextual) and modal verb guidance (can/should/must) for consistent documentation voice \n Includes MDC component patterns for callouts (note, tip, warning, important) and CTAs, with references to nuxt-content and nuxt-ui skills for syntax and props \n O

Vite-native unit and integration testing framework with Jest-compatible API and parallel execution. \n \n Supports testing Vue, React, and Svelte components with configurable environments (Node, jsdom, or browser mode) \n Provides Jest-compatible API including describe/it blocks, hooks, fixtures, and globals configuration \n Includes comprehensive mocking capabilities: vi.fn for function mocks, vi.mock for module mocking, and timer/date utilities \n Offers code coverage thresholds, snapshot test

Hardware-accelerated animation library for Vue 3 and Nuxt with declarative motion components and gesture support. \n \n Provides Motion component with initial/animate/exit states, spring physics, and hardware-accelerated transforms \n Supports gesture animations (whileHover, whilePress, whileDrag) and scroll-linked effects with viewport detection \n Includes composables for manual animation control: useMotionValue, useSpring, useTransform, useScroll, and animate() \n Minimal bundle size (~200 to

Next-generation frontend build tool with native ESM dev server, HMR, and Rolldown-powered production builds. \n \n Fast development server using native ES modules and hot module replacement; production builds optimized with Rolldown bundler and Oxc transformer \n Configuration via vite.config.ts with support for conditional configs, environment variables, and TypeScript; plugin API for extending build behavior \n Built-in asset handling with import queries ( ?raw , ?url ), glob imports, and impo

Composition API patterns, component architecture, and testing practices for Vue 3 projects. \n \n Modular reference system covering components, composables, utilities, testing, TypeScript patterns, routing, reactivity, directives, and provide/inject \n Load only task-relevant files to minimize token usage (base ~250 tokens, sub-files 500–1500 tokens each) \n Includes best practices for props/emits typing, reactive destructuring, VueUse integration, and Vitest component testing \n Covers edge cas