Agent skill · software engineering · onmax
nuxt-content
Build typed, content-driven Nuxt applications with @nuxt/content. Use when working with content.config.ts, collections, queryCollection, Markdown or MDC rendering, content databases, hooks, custom sources, search, or Content v2 migrations.
Why this skill is useful
Provides specific guidance on implementing typed collections and content-driven APIs in Nuxt applications that the AI wouldn't reliably generate on its own.
What it needs
Requires @nuxt/content installed locally. About 1k tokens when loaded. Last updated 2026-07-27. 697 stars on the source repository.
What this skill does
Nuxt Content Workflow 1. Inspect the installed @nuxt/content version, content.config.ts, matching files under content/, and the Nuxt surface that consumes them. The branch is understood when the collection, source glob, schema, and consumer agree. 2. Open the smallest matching guide below. Apply Nuxt Content guidance only to content-owned APIs; use Nuxt, Nuxt Studio, Nuxt UI, or Vue guidance when those packages own the remaining surface. 3. Implement with typed collections and payload-backed Nuxt data loading. The change is complete when collection types resolve, the intended query returns the expected document shape, and the rendered route works in the target rendering mode. Routing Task Open ------------------------------------------------------------------------------------ ---------------------------------------- Collection types, schemas, indexes, local/remote sources, or locale prefixes Collections Filtering, sorting, pagination, navigation, surroundings, or search Querying Markdown, MDC, ContentRenderer, prose components, or code highlighting Rendering Database adapters, markdown processing, renderer aliases, or deployment storage Configuration Hooks, transformers, custom sources, raw content, debugging, or Content v2 migration Advanced Visual editing, authentication, media, drafts, or Git publishing nuxt-studio skill Writing or restructuring documentation prose document-writer skill Baseline Use npx nuxi typecheck to verify generated collection types. When a query is empty, confirm that its collection source includes the file—especially .navigation.yml—before changing query logic.
How to use it
Reference it in AdaL, Claude Code, Cursor or any coding agent — nothing to install:
@skills onmax/nuxt-content