Nuxt Content

What it does

This skill enables AI agents to interact with Nuxt Content, a static site generation library that transforms Markdown files into dynamic web pages. It allows agents to read, query, and render content stored in a simple file-based structure within Nuxt projects.

When to use it

• Building documentation sites where content is managed via Markdown or MDX files.
• Creating blog platforms that require fast static generation with easy content updates.
• Developing marketing landing pages that pull data from a centralized content repository.
• Managing multi-language websites by organizing content into language-specific directories.

Key capabilities

• Reads and parses Markdown and MDX files directly from the file system.
• Generates static HTML pages optimized for performance and SEO.
• Supports dynamic querying of content collections within Nuxt applications.
• Integrates seamlessly with Nuxt Studio for visual content management.
• Handles image optimization and asset processing during build time.

Example prompts

• "Generate a blog post page using the latest article from my Nuxt Content collection."
• "Query all articles tagged 'AI' and render them as a grid layout on the homepage."
• "Create a documentation index by reading the directory structure of my Markdown files."

Tips & gotchas

Ensure your project is initialized with npx nuxi init and Nuxt Content is installed before attempting to use this skill. Content must be stored in .md or .mdx files within the designated content directory to be accessible by the agent.