Nuxt Content

This handles Nuxt Content v3's typed collections system, which lets you organize markdown and remote content with Zod schemas and query it with a SQL-like API. You'd reach for it when setting up a blog, docs site, or any content-driven Nuxt app that needs more structure than dropping markdown files in a folder. The skill breaks down collection configuration, queryCollection usage, MDC rendering, and database setup across focused reference files. It's designed to load progressively, so you grab the collections file when defining schemas or the querying file when building navigation, not everything at once. Solid if you're past basic static content and need actual content management with type safety.

skills.sh installs: 2.9K
GitHub stars: 723
last updated: Aug 21, 2026

View on GitHub

Install

$ npx -y skills add onmax/nuxt-skills --skill nuxt-content --agent claude-code

Installs into .claude/skills of the current project.

Files

Nuxt Content

Workflow

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.
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.
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.