skills.rest
hipi
hipiCOMMUNITY
Explore all skills by this author →
GitHub

nuxt_content

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
One-click install
npx skills add https://github.com/hipi/nuxt-nav-ai --skill nuxt-content-hipi
Or copy as Structured Prompt for Agent▼
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.

Related Skills

Explore More Software Engineering Skills→
noartemnoartem

nuxt-content

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

Community
Intermediate
GuibibiGuibibi

nuxt-content

Configures Nuxt Content v3 workflows for typed collections, SQL-backed querying, and markdown rendering.

Community
Advanced
incubrainincubrain
78

nuxt-content

Build content-driven Nuxt apps with Nuxt Content v3 typed collections.

Official
Advanced
zzafergokzzafergok
1

markdown-to-html-skill

Convert Markdown documents to HTML using marked.js, pandoc, gomarkdown, or static site generators.

Community
Intermediate