nuxt_content

Name: nuxt_content
Availability: InStock
Author: hipi

Guide Nuxt Content v3 collection definition, querying, and MDC rendering.

Updated Jan 29, 2026

Search Tags:#documentation #markdown #content management #mdc #nuxt #static site generation #nuxt content

Ready to run

npx skills add https://github.com/hipi/nuxt-nav-ai --skill nuxt-content-hipi

💬 Prompt for ChatGPT / Claude Chat▼

Please help me install this Agent Skill.
Skill: nuxt_content
Source: https://github.com/hipi/nuxt-nav-ai/tree/main/.agents/skills/nuxt-content
Command: npx skills add https://github.com/hipi/nuxt-nav-ai --skill nuxt-content-hipi

SYSTEM DOCUMENTATION & REQUIREMENTS

💡 This Skill includes scripts (resource) and references (resource) components.

What problem does it solve?

This Skill provides comprehensive guidance for leveraging Nuxt Content v3, enabling developers to efficiently manage and render local or remote content within their Nuxt applications.

Core Features & Use Cases

Content Management: Define and manage typed collections from various sources (local files, Git repos, APIs).
Querying & Navigation: Build powerful search, navigation, and content retrieval systems using a fluent query API.
Rendering: Render Markdown/MDC content with custom components, code highlighting, and prose overrides.
Use Case: You're building a documentation site with Nuxt. This Skill will guide you on setting up collections for your docs, querying specific pages, and rendering them with custom components and syntax highlighting.

Quick Start

Use the nuxt_content skill to learn how to define collections in content.config.ts.

Frequently Asked Questions about nuxt_content

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

FAQPage Schema

How do I query specific markdown pages in a Nuxt documentation site?▼

To query content in Nuxt, use the `queryCollection` function to build a fluent search API for retrieving and filtering specific markdown pages from defined collections.

How do I embed Vue components inside markdown files in Nuxt?▼

You can embed Vue components inside markdown using MDC syntax, which allows component embedding directly within your content files for dynamic rendering.

Does Nuxt Content v3 support sourcing content from remote APIs and Git repos?▼

Yes, Nuxt Content supports remote data sourcing, allowing you to define typed collections that pull content from external APIs, Git repositories, or local files.

What is the best way to set up typed content collections in a Nuxt application?▼

The best way to set up typed collections is by defining your content sources and schemas in the `content.config.ts` file for structured content management.

Can I use NuxtStudio for visual editing of markdown content?▼

Yes, NuxtStudio integration enables visual editing of your markdown content, allowing direct modifications to your content files through a visual interface.

How does Nuxt Content integrate with LLMs for content generation?▼

Nuxt Content provides LLM integration capabilities to assist with content generation, enabling automated text creation and management directly within your content workflow.