nuxt-seo

Nuxt SEO meta-module for robots, sitemaps, OG images, and structured data. Five integrated sub-modules handle robots.txt generation, sitemap.xml creation, dynamic OG image generation, JSON-LD schema.org data, and meta utilities like breadcrumbs and canonical URLs Configure once via site in nuxt.config.ts and access shared settings through useSiteConfig() across all modules Integrates with Nuxt Content v3 via asSeoCollection() to automatically generate sitemaps, OG images, and structured data from frontmatter fields Load reference files selectively based on task (site config, crawlability, OG images, schema, or utilities) to minimize token usage

INSTALLATION
npx skills add https://github.com/onmax/nuxt-skills --skill nuxt-seo
Run in your project or agent environment. Adjust flags if your CLI version differs.

SKILL.md

Nuxt SEO

npx nuxi module add @nuxtjs/seo

When to Use

Working with:

  • SEO configuration (site URL, name, indexability)
  • Robots.txt and sitemap.xml generation
  • Dynamic OG image generation
  • JSON-LD structured data (schema.org)
  • Breadcrumbs and canonical URLs

Loading Files

Consider loading these reference files based on your task:

DO NOT load all files at once. Load only what's relevant to your current task.

Site Config

Foundation for all SEO modules. Configure site in nuxt.config.ts, access via useSiteConfig(). See references/site-config.md for full options.

Module Overview

Module

Purpose

Key API

nuxt-site-config

Shared config

useSiteConfig()

@nuxtjs/robots

robots.txt

useRobotsRule()

@nuxtjs/sitemap

sitemap.xml

defineSitemapEventHandler()

nuxt-og-image

OG images

defineOgImage()

nuxt-schema-org

JSON-LD

useSchemaOrg()

nuxt-seo-utils

Meta utilities

useBreadcrumbItems()

nuxt-link-checker

Link validation

Build-time checks

Nuxt Content v3

Use asSeoCollection() for automatic sitemap, og-image, and schema-org from frontmatter:

// content.config.ts

import { defineCollection, defineContentConfig } from '@nuxt/content'

import { asSeoCollection } from '@nuxtjs/seo/content'

export default defineContentConfig({

  collections: {

    posts: defineCollection(asSeoCollection({ type: 'page', source: 'posts/**' }))

  }

})

Important: Load @nuxtjs/seo before @nuxt/content in modules array:

export default defineNuxtConfig({

  modules: ['@nuxtjs/seo', '@nuxt/content']

})

Frontmatter fields: ogImage, sitemap, robots, schemaOrg.

Related Skills

Links

Token Efficiency

Main skill: ~250 tokens. Each sub-file: ~400-600 tokens. Only load files relevant to current task.

BrowserAct

Let your agent run on any real-world website

Bypass CAPTCHA & anti-bot for free. Start local, scale to cloud.

Explore BrowserAct Skills →

Stop writing automation&scrapers

Install the CLI. Run your first Skill in 30 seconds. Scale when you're ready.

Start free
free · no credit card