nuxt-content

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

Updated Jun 8, 2025
One-click install
npx skills add https://github.com/noartem/kawa --skill nuxt-content-noartem
Or copy as Structured Prompt for Agent
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.