AGENT SKILLBY ONMAX

Nuxt SEO

AT A GLANCE

Nuxt SEO is an SEO skill for AI agents. 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. It is published by onmax in the onmax/nuxt-skills GitHub repository (685 stars), which does not specify a license. To add it, run npx skills add onmax/nuxt-skills --skill nuxt-seo

FIG. 01 · SEO

SOURCE REPOSITORY: onmax/nuxt-skills (opens GitHub in a new tab)
REPO STARS: SOURCE REPOSITORY
LICENSE: Not specifiedCHECK THE REPO
CATEGORIES: SEO
SKILL.MD SIZE: 22.8 KB1,032 LINES

§03

QUICK ANSWER

WHAT IT IS01: SEO configuration (site URL, name, indexability) Robots.txt and sitemap.xml generation Dynamic OG image generation JSON-LD structured data (schema. The value is a focused slice of search and SEO workflows judgment, useful when several similar skills cover the same ground.
INPUTS02: Context for search and SEO workflows: your goals, audience, constraints, and any source material the skill asks for.
OUTPUT03: A ready-to-use result for search and SEO workflows: the analysis, copy, or recommendations the agent produces.

§04

INSTALL

One command adds this skill from its source repository.

$ npx skills add onmax/nuxt-skills --skill nuxt-seo

READ THE SKILL.MD BELOW BEFORE YOU RUN IT. SKILLS INSTRUCT YOUR AGENT.

§05

SKILL.MD

The full file, as published in the source repository. Copy it, download it or open it on GitHub.

Download SKILL.md Open on GitHub View raw markdown

ON THIS PAGE · 66

Nuxt SEO#

bash

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:

references/site-config.md (opens in a new tab) - if configuring site URL, name, or SEO foundation
references/crawlability.md (opens in a new tab) - if setting up robots.txt or sitemap.xml
references/og-image.md (opens in a new tab) - if generating dynamic OG images
references/schema-org.md (opens in a new tab) - if adding JSON-LD structured data
references/utilities.md (opens in a new tab) - if working with breadcrumbs, canonical URLs, or link checking

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 (opens in a new tab) 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:

ts · 9 LINES

// 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:

ts · 3 LINES

export default defineNuxtConfig({
  modules: ['@nuxtjs/seo', '@nuxt/content']
})

Frontmatter fields: ogImage, sitemap, robots, schemaOrg.

nuxt-content (opens in a new tab) - For MDC rendering with SEO frontmatter

Links#

Token Efficiency#

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

Supporting file: references/crawlability.md#

Crawlability: Robots & Sitemap#

Robots.txt#

Auto-generated at /robots.txt. Respects site.indexable setting.

Configuration#

ts · 13 LINES

// nuxt.config.ts
export default defineNuxtConfig({
  robots: {
    // Block AI crawlers
    blockAiBots: true,
    // Block non-SEO bots (reduces server load)
    blockNonSeoBots: true,
    // Custom rules
    groups: [
      { userAgent: '*', disallow: ['/admin'] }
    ]
  }
})

Per-Page Control#

ts · 12 LINES

// Disable indexing
useRobotsRule('noindex, nofollow')

// Object syntax with AI directives
useRobotsRule({
  noindex: true,
  nofollow: true,
  noai: true,           // Block AI training
  noimageai: true,      // Block AI image training
  'max-snippet': 150,   // Preview controls
  'max-image-preview': 'large'
})

Route rules:

ts · 6 LINES

export default defineNuxtConfig({
  routeRules: {
    '/admin/**': { robots: 'noindex, nofollow' },
    '/hidden': { robots: false }
  }
})

Nuxt Content Frontmatter#

yaml · 7 LINES

---
robots: noindex, nofollow
# Or structured:
robots:
  noindex: true
  nofollow: true
---

Sitemap.xml#

Auto-generated at /sitemap.xml from app routes.

Configuration#

ts · 9 LINES

// nuxt.config.ts
export default defineNuxtConfig({
  sitemap: {
    sources: ['/api/__sitemap__/urls'],
    exclude: ['/admin/**', '/secret'],
    // For static sites - no runtime generation
    zeroRuntime: true
  }
})

Dynamic URLs via API#

ts · 15 LINES

// server/api/__sitemap__/urls.ts
import { defineSitemapEventHandler } from '#imports'
import type { SitemapUrlInput } from '#sitemap/types'

export default defineSitemapEventHandler(async () => {
  const posts = await $fetch('/api/posts')
  return posts.map(post => ({
    loc: post.path,
    lastmod: post.updatedAt,
    // Image sitemap
    images: [{ loc: post.image, title: post.title }],
    // Video sitemap
    videos: [{ content_loc: post.videoUrl, title: post.title }]
  } satisfies SitemapUrlInput))
})

Per-Page Control#

Route rules:

ts · 6 LINES

export default defineNuxtConfig({
  routeRules: {
    '/blog/**': { sitemap: { changefreq: 'daily', priority: 0.9 } },
    '/hidden': { sitemap: false }
  }
})

Nuxt Content frontmatter:

yaml · 6 LINES

---
sitemap:
  changefreq: weekly
  priority: 0.8
  lastmod: 2025-01-15
---

Multiple Sitemaps#

For large sites:

ts · 8 LINES

export default defineNuxtConfig({
  sitemap: {
    sitemaps: {
      pages: { include: ['/**'], exclude: ['/blog/**'] },
      blog: { include: ['/blog/**'] }
    }
  }
})

Generates /pages-sitemap.xml, /blog-sitemap.xml, and /sitemap_index.xml.

i18n Sitemaps#

With @nuxtjs/i18n, auto-generates per-locale sitemaps with hreflang alternates.

Debug#

In development:

Robots: Check /robots.txt directly
Sitemap: Visit /__sitemap__/debug.json for raw data

Supporting file: references/og-image.md#

OG Image Generation#

Dynamic Open Graph image generation using Vue components.

Quick Start#

ts · 8 LINES

// Component-first (recommended)
defineOgImage('NuxtSeo', { title: 'My Page Title' })

// Object syntax
defineOgImage({ component: 'NuxtSeo', title: 'My Page Title' })

// Disable OG image
defineOgImage(false)

Built-in Template#

The NuxtSeo template supports:

ts · 9 LINES

defineOgImage('NuxtSeo', {
  title: 'Hello World',
  description: 'My description',
  theme: '#3b82f6',
  colorMode: 'dark',
  icon: 'carbon:cloud',
  siteName: 'My Site',
  siteLogo: '/logo.png'
})

Multiple Images Per Page#

Use key for platform-specific images:

ts · 10 LINES

// Default OG image (1200x600)
defineOgImage('NuxtSeo', { title: 'Default' })

// Square for WhatsApp (800x800)
defineOgImage('NuxtSeo', {
  title: 'Square',
  key: 'square',
  width: 800,
  height: 800
})

Custom Vue Components#

Create in components/OgImage/:

vue · 11 LINES

<!-- components/OgImage/Blog.vue -->
<script setup lang="ts">
defineProps<{ title: string; author: string }>()
</script>

<template>
  <div class="w-full h-full flex flex-col justify-center items-center bg-gradient-to-br from-blue-500 to-purple-600 p-12">
    <h1 class="text-6xl font-bold text-white text-center">{{ title }}</h1>
    <p class="text-2xl text-white/80 mt-4">By {{ author }}</p>
  </div>
</template>

Use in pages:

defineOgImage('OgImageBlog', { title: 'My Post', author: 'John' })

Renderers#

Renderer	Speed	CSS Support	Edge	Best For
satori	Fast	Partial	✅	Default, most templates
chromium	Slow	Full	❌	Complex designs, prerender

ts · 5 LINES

export default defineNuxtConfig({
  ogImage: {
    defaults: { renderer: 'satori' }
  }
})

Satori Limitations#

No display: grid - use flex
No position: absolute without explicit dimensions
Fonts: use @nuxt/fonts with global: true for best results

Configuration#

ts · 12 LINES

export default defineNuxtConfig({
  ogImage: {
    defaults: {
      component: 'NuxtSeo',
      width: 1200,
      height: 600,
      cacheMaxAgeSeconds: 60 * 60 * 24 * 3  // 3 days
    },
    // For static sites
    zeroRuntime: true
  }
})

Nuxt Content#

Frontmatter:

yaml · 6 LINES

---
ogImage:
  component: OgImageBlog
  props:
    author: John Doe
---

With asSeoCollection() (see main SKILL.md):

vue · 5 LINES

<script setup>
const { data: page } = await useAsyncData(() => queryCollection('posts').path(route.path).first())
if (page.value?.ogImage)
  defineOgImage(page.value.ogImage)
</script>

Debug#

Preview: /__og-image__/image/[path]/og.png
Inspector: Enable ogImage: { debug: true } in config

Screenshots#

Capture page as OG image (requires Chromium):

ts · 5 LINES

defineOgImageScreenshot({
  colorScheme: 'dark',
  mask: '.navigation, .footer',
  selector: '.article-content'
})

Route Rules#

ts · 6 LINES

export default defineNuxtConfig({
  routeRules: {
    '/blog/**': { ogImage: { component: 'OgImageBlog' } },
    '/admin/**': { ogImage: false }
  }
})

Deployment#

Community templates are dev-only. Before deploying, eject:

bash

npx nuxt-og-image eject NuxtSeo

Supporting file: references/schema-org.md#

Schema.org Structured Data#

JSON-LD structured data for rich search results.

Site Identity#

Configure once in nuxt.config.ts:

ts · 12 LINES

import { defineOrganization } from 'nuxt-schema-org/schema'

export default defineNuxtConfig({
  schemaOrg: {
    identity: defineOrganization({
      name: 'My Company',
      url: 'https://example.com',
      logo: '/logo.png',
      sameAs: ['https://twitter.com/mycompany', 'https://github.com/mycompany']
    })
  }
})

For personal sites:

ts · 12 LINES

import { definePerson } from 'nuxt-schema-org/schema'

export default defineNuxtConfig({
  schemaOrg: {
    identity: definePerson({
      name: 'John Doe',
      url: 'https://johndoe.com',
      image: '/avatar.jpg',
      sameAs: ['https://twitter.com/johndoe']
    })
  }
})

Page-Level Schema#

Define functions are auto-imported in components (no import needed):

ts · 11 LINES

// Article page
useSchemaOrg([
  defineArticle({
    headline: 'My Article Title',
    description: 'Article description',
    image: '/article-image.jpg',
    datePublished: '2025-01-15',
    dateModified: '2025-01-20',
    author: { name: 'John Doe', url: 'https://johndoe.com' }
  })
])

ts · 14 LINES

// Product page (include url in offers for Google validation)
useSchemaOrg([
  defineProduct({
    name: 'Product Name',
    description: 'Product description',
    image: '/product.jpg',
    offers: {
      price: 99.99,
      priceCurrency: 'USD',
      availability: 'InStock',
      url: 'https://example.com/product'
    }
  })
])

Define Functions#

Function	Use Case
`defineArticle()`	Blog posts, news
`defineProduct()`	E-commerce products
`defineFAQPage()`	FAQ pages
`defineHowTo()`	Tutorial/guide pages
`defineRecipe()`	Recipe pages
`defineEvent()`	Events
`defineLocalBusiness()`	Business info
`defineVideo()`	Video content
`defineBreadcrumb()`	Breadcrumb navigation
`defineWebPage()`	Generic page
`defineWebSite()`	Site-wide (auto-added)
`defineJobPosting()`	Job listings
`defineSoftwareApp()`	Software/apps
`defineService()`	Services

Data Inference#

Module auto-infers from page head:

title → WebPage name
description → WebPage description
og:image → WebPage image

Breadcrumbs#

Auto-generated from route path, or customize:

ts · 9 LINES

useSchemaOrg([
  defineBreadcrumb({
    itemListElement: [
      { name: 'Home', item: '/' },
      { name: 'Blog', item: '/blog' },
      { name: 'My Post', item: '/blog/my-post' }
    ]
  })
])

Or use the useBreadcrumbItems() composable (from seo-utils):

ts · 2 LINES

const items = useBreadcrumbItems()
useSchemaOrg([defineBreadcrumb({ itemListElement: items })])

FAQ Page#

ts · 8 LINES

useSchemaOrg([
  defineFAQPage({
    mainEntity: [
      { name: 'What is your return policy?', acceptedAnswer: 'You can return within 30 days.' },
      { name: 'How do I contact support?', acceptedAnswer: 'Email us at support@example.com' }
    ]
  })
])

Nuxt Content#

Frontmatter:

yaml · 10 LINES

---
title: My Article
schemaOrg:
  - type: BlogPosting
    headline: My Article
    datePublished: 2025-01-15
    author:
      type: Person
      name: John Doe
---

With asSeoCollection() (see main SKILL.md), ensure schema renders:

vue · 4 LINES

<script setup>
const { data: page } = await useAsyncData(() => queryCollection('posts').path(route.path).first())
useHead(page.value?.head || {})
</script>

Debug & Validation#

Debug endpoint: /__schema-org__/debug.json in dev
Config: schemaOrg: { debug: true }
Google Rich Results Test (opens in a new tab)
Schema.org Validator (opens in a new tab)

Route Rules#

ts · 7 LINES

export default defineNuxtConfig({
  routeRules: {
    '/blog/**': {
      schemaOrg: { type: 'Article' }
    }
  }
})

Supporting file: references/site-config.md#

Site Config#

Foundation module providing shared configuration for all SEO modules.

Configuration#

ts · 11 LINES

// nuxt.config.ts
export default defineNuxtConfig({
  site: {
    url: 'https://example.com',       // Required for absolute URLs
    name: 'My Site',                  // Site name (used in titles, schema)
    description: 'Site description',  // Default meta description
    defaultLocale: 'en',              // Default language
    indexable: true,                  // Allow search engine indexing
    trailingSlash: false,             // URL trailing slash preference
  }
})

Environment-Based Indexing#

Control indexing per environment using NUXT_SITE_* env vars:

bash · 7 LINES

# .env.production
NUXT_SITE_URL=https://example.com
NUXT_SITE_ENV=production

# .env.staging
NUXT_SITE_URL=https://staging.example.com
NUXT_SITE_ENV=staging

The module auto-detects env and sets indexable: false for non-production environments.

For explicit control:

ts · 7 LINES

export default defineNuxtConfig({
  site: {
    url: process.env.NUXT_SITE_URL,
    // Explicit: only index when explicitly set to 'true'
    indexable: process.env.NUXT_SITE_INDEXABLE === 'true'
  }
})

Note: !== 'false' defaults to true when env var is undefined - use === 'true' for fail-safe behavior.

Runtime Access#

ts · 2 LINES

const site = useSiteConfig()
console.log(site.url, site.name, site.description)

Works in components, composables, and server routes.

i18n Integration#

Automatically integrates with @nuxtjs/i18n:

ts · 12 LINES

export default defineNuxtConfig({
  site: {
    url: 'https://example.com',
    defaultLocale: 'en',
  },
  i18n: {
    locales: [
      { code: 'en', language: 'en-US' },
      { code: 'fr', language: 'fr-FR' },
    ]
  }
})

Locale-specific overrides in site object:

ts · 6 LINES

site: {
  name: 'My Site',
  locales: {
    fr: { name: 'Mon Site' }
  }
}

Override Per-Page#

Use route rules for page-specific config:

ts · 6 LINES

export default defineNuxtConfig({
  routeRules: {
    '/admin/**': { site: { indexable: false } },
    '/fr/**': { site: { name: 'Mon Site', defaultLocale: 'fr' } }
  }
})

Supporting file: references/utilities.md#

SEO Utilities#

Additional utilities from nuxt-seo-utils and nuxt-link-checker.

Canonical URLs#

Automatic canonical URLs based on site config.

ts · 6 LINES

export default defineNuxtConfig({
  seoUtils: {
    canonicalQueryWhitelist: ['page', 'sort'],  // Keep these query params
    redirectToCanonicalSiteUrl: true  // 301 to canonical domain
  }
})

Override per-page:

ts · 3 LINES

useHead({
  link: [{ rel: 'canonical', href: 'https://example.com/preferred-url' }]
})

Breadcrumbs#

Generate breadcrumb items from current route:

ts · 2 LINES

const items = useBreadcrumbItems()
// [{ label: 'Home', to: '/' }, { label: 'Blog', to: '/blog' }, { label: 'My Post' }]

For schema.org integration, see schema-org.md (opens in a new tab).

Render in template:

vue · 10 LINES

<template>
  <nav aria-label="Breadcrumb">
    <ol class="flex gap-2">
      <li v-for="(item, i) in items" :key="i">
        <NuxtLink v-if="item.to" :to="item.to">{{ item.label }}</NuxtLink>
        <span v-else>{{ item.label }}</span>
      </li>
    </ol>
  </nav>
</template>

Customize labels in route meta:

ts · 4 LINES

// pages/blog/[slug].vue
definePageMeta({
  breadcrumb: { label: 'Article' }
})

Title Templates#

Set site-wide title template:

ts · 8 LINES

// nuxt.config.ts
export default defineNuxtConfig({
  app: {
    head: {
      titleTemplate: '%s | My Site'
    }
  }
})

Override per-page:

ts · 4 LINES

useHead({
  title: 'Page Title',
  titleTemplate: '%s - Different Template'
})

Meta Defaults#

ts · 11 LINES

// nuxt.config.ts
export default defineNuxtConfig({
  app: {
    head: {
      meta: [
        { name: 'author', content: 'My Name' },
        { property: 'og:site_name', content: 'My Site' }
      ]
    }
  }
})

Link Checker#

Build-time validation of links.

ts · 8 LINES

export default defineNuxtConfig({
  linkChecker: {
    failOnError: true,  // Default: fail build on errors
    exclude: ['/api/**'],
    skipInspections: ['missing-hash'],
    report: { html: true }  // Generate HTML report
  }
})

Inspections:

no-error-response - 404/500 errors
no-baseless - Missing base URL
no-javascript - javascript: links
trailing-slash - Inconsistent slashes
missing-hash - Invalid anchor targets
no-uppercase-chars - URL casing
absolute-site-urls - Hardcoded domain

Ignoring Links#

html

<a href="/maybe-broken" data-link-checker-ignore>Link</a>

File-Based Icons#

Place favicon files in public/:

TEXT · 5 LINES

public/
├── favicon.ico
├── favicon.svg        # Modern browsers
├── apple-touch-icon.png
└── site.webmanifest

Auto-detected and added to <head>.

For SVG favicon with dark mode support:

svg · 10 LINES

<!-- public/favicon.svg -->
<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 32 32">
  <style>
    path { fill: #000; }
    @media (prefers-color-scheme: dark) {
      path { fill: #fff; }
    }
  </style>
  <path d="..."/>
</svg>

Automatic Open Graph and Twitter cards from site config (see site-config.md (opens in a new tab)).

Override per-page:

ts · 6 LINES

useSeoMeta({
  title: 'Page Title',
  description: 'Page description',
  ogImage: '/images/page-og.png',
  twitterCard: 'summary_large_image'
})

Trailing Slash Redirect#

Enforce consistent URLs:

ts · 5 LINES

export default defineNuxtConfig({
  site: {
    trailingSlash: false  // Redirect /blog/ to /blog
  }
})

Debug Panel#

Enable comprehensive debug panel:

ts · 3 LINES

export default defineNuxtConfig({
  seo: { debug: true }
})

Shows in dev:

Current meta tags
Schema.org data
OG image preview
Sitemap/robots status

Supporting file: skills/nuxt-content/SKILL.md#

Nuxt Content v3#

Progressive guidance for content-driven Nuxt apps with typed collections and SQL-backed queries.

When to Use#

Working with:

Content collections (content.config.ts, defineCollection)
Remote sources (GitHub repos, external APIs via defineCollectionSource)
Content queries (queryCollection, navigation, search)
MDC rendering (<ContentRenderer>, prose components)
Database configuration (SQLite, PostgreSQL, D1, LibSQL)
Content hooks (content:file:beforeParse, content:file:afterParse)
i18n multi-language content
NuxtStudio or preview mode
LLMs integration (nuxt-llms)

For writing documentation: use document-writer skill For Nuxt basics: use nuxt skill For NuxtHub deployment: use nuxthub skill (NuxtHub v1 compatible)

Available Guidance#

Read specific files based on current work:

references/collections.md (opens in a new tab) - defineCollection, schemas, sources, content.config.ts
references/querying.md (opens in a new tab) - queryCollection, navigation, search, surroundings
references/rendering.md (opens in a new tab) - ContentRenderer, MDC syntax, prose components, Shiki
references/config.md (opens in a new tab) - Database setup, markdown plugins, renderer options
references/studio.md (opens in a new tab) - NuxtStudio integration, preview mode, live editing

Loading Files#

Consider loading these reference files based on your task:

references/collections.md (opens in a new tab) - if setting up collections, schemas, or content.config.ts
references/querying.md (opens in a new tab) - if using queryCollection, navigation, or search
references/rendering.md (opens in a new tab) - if rendering markdown/MDC or working with ContentRenderer
references/config.md (opens in a new tab) - if configuring database, markdown plugins, or renderer options
references/studio.md (opens in a new tab) - if integrating NuxtStudio or preview mode

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

Key Concepts#

Concept	Purpose
Collections	Typed content groups with schemas
Page vs Data	`page` = routes + body, `data` = structured data only
Remote sources	`source.repository` for GitHub, `defineCollectionSource` for APIs
queryCollection	SQL-like fluent API for content
MDC	Vue components inside markdown
ContentRenderer	Renders parsed markdown body

Quick Start#

ts · 15 LINES

// content.config.ts
import { defineCollection, defineContentConfig, z } from '@nuxt/content'

export default defineContentConfig({
  collections: {
    blog: defineCollection({
      type: 'page',
      source: 'blog/**',
      schema: z.object({
        title: z.string(),
        date: z.date(),
      }),
    }),
  },
})

vue · 10 LINES

<!-- pages/blog/[...slug].vue -->
<script setup lang="ts">
const { data: page } = await useAsyncData(
  () => queryCollection('blog').path(useRoute().path).first()
)
</script>

<template>
  <ContentRenderer v-if="page" :value="page" />
</template>

Verify setup: Run npx nuxi typecheck to confirm collection types resolve. If queryCollection returns empty, check that content files exist in the path matching your source glob.

Directory Structure#

TEXT · 6 LINES

project/
├── content/                    # Content files
│   ├── blog/                   # Maps to 'blog' collection
│   └── .navigation.yml         # Navigation metadata
├── components/content/         # MDC components
└── content.config.ts           # Collection definitions

Official Documentation#

Nuxt Content: https://content.nuxt.com (opens in a new tab)
MDC syntax: https://content.nuxt.com/docs/files/markdown#mdc-syntax (opens in a new tab)
Collections: https://content.nuxt.com/docs/collections/collections (opens in a new tab)

Token Efficiency#

Main skill: ~300 tokens. Each sub-file: ~800-1200 tokens. Only load files relevant to current task.

§06

FAQ

07 QUESTIONS

01What is the Nuxt SEO agent skill?

SEO configuration (site URL, name, indexability) Robots.txt and sitemap.xml generation Dynamic OG image generation JSON-LD structured data (schema. It is listed under SEO in the 100xLab agent skills directory.

02How do I install Nuxt SEO in Cursor, Claude Code, or Codex?

Run npx skills add onmax/nuxt-skills --skill nuxt-seo in the project where you want it, then ask your agent for the skill by name. The --skill flag installs only Nuxt SEO, not every skill in the repository.

03What does the Nuxt SEO SKILL.md cover?

The SKILL.md includes sections on When to Use, Loading Files, Site Config, Module Overview, Nuxt Content v3 and Related Skills. Read the full text on this page or in plain markdown at /resources/agent-skills/onmax-nuxt-skills--nuxt-seo--1ljq12k/raw.

04Which agents can use Nuxt SEO?

Nuxt SEO installs with the cross-agent skills installer (npx skills add), which sets it up for agents such as Claude Code, Cursor and Codex. Each agent loads the SKILL.md when you ask for the skill by name.

05What license is Nuxt SEO under?

No license was detected on the onmax/nuxt-skills repository, so the license is not specified. Check with onmax before you redistribute or build on the skill.

06Is Nuxt SEO free to use?

Reading and installing Nuxt SEO costs nothing, because it is published in a public GitHub repository. The repository specifies no license, so ask onmax before you reuse or redistribute it.

07Where is the source of Nuxt SEO?

Nuxt SEO comes from https://github.com/onmax/nuxt-skills, which has 685 GitHub stars. The SKILL.md is at https://github.com/onmax/nuxt-skills/blob/HEAD/skills/nuxt-seo/SKILL.md. The author is onmax.

Need an agent workflow built around your stack?

Tell us the workflow you want automated. We reply within 4 working hours (IST).

BOOK A CALL

§09

ATTRIBUTION

Nuxt SEO was written by its original authors and is published in onmax/nuxt-skills (opens GitHub in a new tab) under no license stated in the repository. All rights stay with the original authors.

100xLab did not write, maintain or endorse this skill. This page lists it for discovery. Repo stars belong to the source repository, not to the skill. Review any skill before you install it.

Nuxt SEO

AT A GLANCE

Nuxt SEO

QUICK ANSWER

INSTALL

SKILL.MD

Nuxt SEO#

When to Use#

Loading Files#

Site Config#

Module Overview#

Nuxt Content v3#

Related Skills#

Links#

Token Efficiency#

Supporting file: references/crawlability.md#

Crawlability: Robots & Sitemap#

Robots.txt#

Configuration#

Per-Page Control#

Nuxt Content Frontmatter#

Sitemap.xml#

Configuration#

Dynamic URLs via API#

Per-Page Control#

Multiple Sitemaps#

i18n Sitemaps#

Debug#

Supporting file: references/og-image.md#

OG Image Generation#

Quick Start#

Built-in Template#

Multiple Images Per Page#

Custom Vue Components#

Renderers#

Satori Limitations#

Configuration#

Nuxt Content#

Debug#

Screenshots#

Route Rules#

Deployment#

Supporting file: references/schema-org.md#

Schema.org Structured Data#

Site Identity#

Page-Level Schema#

Define Functions#

Data Inference#

Breadcrumbs#

FAQ Page#

Nuxt Content#

Debug & Validation#

Route Rules#

Supporting file: references/site-config.md#

Site Config#

Configuration#

Environment-Based Indexing#

Runtime Access#

i18n Integration#

Override Per-Page#

Supporting file: references/utilities.md#

SEO Utilities#

Canonical URLs#

Breadcrumbs#

Title Templates#

Meta Defaults#

Link Checker#

Ignoring Links#

File-Based Icons#

Social Meta Tags#

Trailing Slash Redirect#

Debug Panel#

Supporting file: skills/nuxt-content/SKILL.md#

Nuxt Content v3#

When to Use#

Available Guidance#

Loading Files#

Key Concepts#

Quick Start#

Directory Structure#

Official Documentation#

Token Efficiency#