nuxt-content

Organize Nuxt Content collections, MDC rendering, and Studio integration.

Updated Jun 8, 2025

Search Tags:#content #collections #mdc #nuxt #queryCollection #studio

Ready to run

npx skills add https://github.com/noartem/kawa --skill nuxt-content-noartem

💬 Prompt for ChatGPT / Claude Chat▼

Please help me install this Agent Skill.
Skill: nuxt-content
Source: https://github.com/noartem/kawa/tree/main/ui/.ai/skills/nuxt-content
Command: npx skills add https://github.com/noartem/kawa --skill nuxt-content-noartem

SYSTEM DOCUMENTATION & REQUIREMENTS

What problem does it solve?

Nuxt Content often requires structured content organization, typed schemas, and efficient querying to power content-driven Nuxt 3 apps; this skill provides guidance to configure content sources, define collections, and leverage MDC rendering and Studio integration.

Core Features & Use Cases

Typed collections with defineCollection and content.config.ts
Remote and local content sources, content queries via queryCollection, and MDC rendering
NuxtStudio integration and LLMs support for AI-assisted content workflows

Quick Start

Load Nuxt Content configuration and begin using collections, MDC rendering, and Studio features.

Frequently Asked Questions about nuxt-content

High-intent search queries and answers about installing and using this skill.

FAQPage Schema

How do I define and query typed collections in Nuxt Content?▼

To define typed collections in Nuxt Content, you configure schemas using defineCollection within a content.config.ts file, then retrieve your structured data by executing queryCollection operations in your Nuxt 3 application.

What is MDC rendering and how does it work in Nuxt 3?▼

MDC rendering in Nuxt 3 is a mechanism that allows you to use Markdown Components within your markdown files, enabling structured content integration and dynamic component rendering directly inside your Nuxt Content collections.

Can I use Nuxt Studio to manage remote and multilingual content sources?▼

Yes, Nuxt Studio supports integration for managing remote content sources and multilingual content, allowing you to edit and organize typed data that flows directly into your Nuxt 3 application's defined collections.

Do I need a content.config.ts file to use Nuxt Content workflows?▼

Yes, a content.config.ts file is required to enforce configuration requirements and define collection schemas, ensuring your Nuxt 3 project maintains typed content and structured access to local or remote sources.

How do LLMs integrate with Nuxt Studio for content pipelines?▼

LLMs integrate with Nuxt Studio to support AI-assisted content workflows, enabling automated processing and generation within your content pipelines while maintaining your defined collection schemas and typed data structure.